/*
Theme Name:		Viva Theme
Description:	Viva Theme
Theme URI:		/themes/viva-theme
Version: 		1.0
Author:			Granota
Author URI:         https://www.granota.net/
Tags:           	blog, one-column, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, translation-ready, wide-blocks, block-styles

License:            GPLv2 or later
License URI:        http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:        viva-theme

Requires PHP:   8.2
Tested up to:   5.4
*/


:root{
  --primary-color: #00167C;
  --color-black: #373737;
  --font-family: 'Poppins', sans-serif !important;
  --bg-gray: #FBFBFB;
}
/**/
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.alignright{text-align: right;}
.alignleft{text-align: left;}
.aligncenter{text-align: center;}

@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/viva-theme/fonts/Poppins-Light.woff2') format('woff2'),
  url('/wp-content/themes/viva-theme/fonts/Poppins-Light.woff') format('woff');
  font-weight: 300; /* Light */
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/viva-theme/fonts/Poppins-Regular.woff2') format('woff2'),
   url('/wp-content/themes/viva-theme/fonts/Poppins-Regular.woff') format('woff');
  font-weight: 400; /* Regular */
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/viva-theme/fonts/Poppins-Medium.woff2') format('woff2'),
    url('/wp-content/themes/viva-theme/fonts/Poppins-Medium.woff') format('woff');
  font-weight: 500; /* Medium */
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('/wp-content/themes/viva-theme/fonts/Poppins-Bold.woff2') format('woff2'),
    url('/wp-content/themes/viva-theme/fonts/Poppins-Bold.woff') format('woff');
  font-weight: 700; /* Bold */
  font-style: normal;
}
body{
	font-family: var(--font-family) !important;
	font-weight: 300; /* Regular como base */
	margin: 0px;
	padding: 0px; 
}
header{
  background-color: white !important;
}
.gn-curriculum{
  background-color: white;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  text-decoration: none;
  padding: 5px 15px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 300;
}
.site-branding img{
  height: 60px;
  width: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.gn-btnMenu{
  background-color: var(--primary-color) !important;
  padding: 10px 15px !important;
  color: white !important;
  border-radius: 30px !important;
  font-weight: 200 !important;
  margin-left: 5px !important;
}
.gn-btnMenu i{
  margin-right: 5px !important;
}
.gn-collapseMenuPrincipal{
  margin-top: 10px;
  background-color: white;
  color: var(--primary-color);
  padding-bottom: 40px;
}
.gn-menuDirec{
  background-color: var(--primary-color);
  border-radius: 30px 30px 0px 0px;
  color: white;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 200;
}
.gn-collapseMenuPrincipal .site-branding img{
  height: 50px;
}
.gn-menuDirec .gn-redes{
  border: 1px solid white;
}
.gn-menuPrincipal{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.gn-tituloSuperior,
.gn-tituloDestacado {
  margin-bottom: 20px;
}
.gn-tituloSuperior a{
  text-transform: uppercase;
  font-weight: 800;
  color: #00167C !important;
  text-decoration: none;
}

.gn-tituloDestacado a.gn-menu-link{
  background-color: #00167C;
  padding: 10px 15px;
  border-radius: 20px 0px 20px 0px;
  color: white;
  text-decoration: none;
  margin-bottom: 15px !important;
  display: flex;
  width: 100%;
}
.gn-tituloDestacado ul{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  
}
.gn-tituloDestacado ul li{
  margin-top: 5px;
  margin-bottom: 10px;
}
.gn-tituloDestacado ul li a{
  color: black;
  text-decoration: none;
  font-size: 300;
  cursor: pointer;
}
.gn-tituloDestacado ul li:hover{
  padding-left: 20px;
}
.gn-tituloDestacado ul li:before{
  content: "\f178";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 12px;
  display: inline-block;
}
.gn-tituloDestacado .gn-submenuPrincipal{
  margin-top: 30px;
}
.gn-menu-item a{
  color: black;
  text-decoration: none;
  font-size: 300;
}
.gn-footer{
  background-color: var(--primary-color);
  color: white;
  font-weight: 200;
}
.gn-footer .site-logo{
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
}
.gn-logred{
  background-color: white;
  border-radius: 0px 0px 20px 20px;
  color: var(--color-black);
}
.gn-redes{
  background-color: var(--primary-color);
  margin-left: 5px;
  color: white;
  text-decoration: none;
  padding: 10px 17px;
  border-radius: 30px;
}
.gn-redesIcon a{
  border: 1px solid white;
  height: 40px;
  width: 40px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
}
.gn-menuFooter{padding-top: 20px;}
.gn-collapseFooter{
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: white;
  border: 0px solid transparent;
  background-color: var(--primary-color);
  margin-bottom: 20px;
  border-bottom: 1px solid white;
  padding: 10px 20px;
}
.gn-menuFooter .collapse{padding-bottom: 20px;}
.gn-mail{
  color: white;
  text-decoration: none;
  margin-right: 10px;
}
.gn-mail i{margin-right: 5px;}
.gn-mailMenu{display: flex;}
.gn-footer .gn-tituloFooter a{
  text-transform: uppercase;
  color: white;
  font-weight: 800;
  text-decoration: none;
}
.gn-footer ul{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.gn-footer ul li{margin-top: 10px;}
.gn-footer .gn-tituloFooter .sub-menu a{
  text-transform: none;
  font-weight: 200 !important;
}
.gn-tituloFooter i{display: none;}
.gn-copy{
  font-size: 14px;
  padding-bottom: 20px;
}
.gn-copy ul{display: flex;}
.gn-copy ul li a{
  color: white;
  text-decoration: none;
}
.gn-copy ul li:before{
  content: '-';
  margin-left: 5px;
  margin-right: 5px;
}
.e-n-accordion details{
  margin-bottom: 10px !important;
}
.e-n-accordion details .e-con-full{
  margin-bottom: 35px !important;
}
.e-n-accordion-item-title{
  display: flex !important;
  justify-content: space-between !important;
}
.gn-copy ul li:first-child:before{content: '';}

.fyqnobtn .e-n-accordion details .e-con-full{
  margin-bottom: 0px !important;
}
.gn-pageHeader{
  background-color: white;
  padding-top: 10px;
  padding-bottom: 30px;
}
.gn-pageHeader .page-header{
  height: 280px;
  border-radius: 30px 0px 30px 0px;
  display: flex;
  align-items:center;
  align-content: center;
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.gn-pageHeader .page-header .overlay{
  background: linear-gradient(0deg,rgba(0, 22, 124, 1) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.gn-pageHeader .page-header .gn-headerContent{
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.gn-pageHeader .page-header .gn-headerContent h1{
  color: white;
}
.gn-pageHeader .breadcrumbs,
.gn-pageHeader .breadcrumbs a{
  color: white;
  text-decoration: none;
}
.gn-articuloLista{
  position: relative;
  height: 400px;
  overflow: hidden;
  border-radius: 20px 0px 20px 0px;
  margin-bottom: 20px;
  
}

.gn-articuloImg{
  position: relative;
  overflow: hidden;
  position: absolute;
  left: 0px;
  right: 15px;
  top: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: linear-gradient(0deg,rgba(0, 22, 124, 1) 30%, rgba(0, 0, 0, 0.8) 70%);
border-radius: 20px 0px 20px 0px;
}
.gn-articuloLista .gn-date{
  right: 15px;
}
.gn-articuloImg img{
  height: 100%;
  width: auto;
  opacity: .4;
  z-index: 99;
  
}
.gn-articuloLista .overlay{
  
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 15px;
  z-index: 9;
}
.gn-articuloLista .gn-contentAct{
  position: absolute;
  bottom: 15px;
  left: 30px;
  right: 30px;
  z-index: 999;
}
.gn-articuloLista .gn-contentAct h1 a,
.gn-articuloLista .gn-contentAct h2 a{
  font-weight: 200;
  text-decoration: none;
  color: white;
}
.widget_search .wp-block-search__inside-wrapper,
.widget_search input,
.widget_search button{
  border-radius: 30px;
}
.widget_search button{
  background-color: var(--primary-color);
}
.widget .wp-block-heading{
  font-size: 24px;
  margin-top: 20px;
}
.wp-block-categories-list{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.wp-block-categories-list li a{
  background-color: var(--primary-color);
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  text-decoration: none;
  color: white;
  padding: 10px 20px;
  border-radius: 20px 0px 20px 0px;
}
.wp-block-latest-posts li{
  margin-bottom: 10px;
  border-bottom: 1px solid rgb(233, 233, 233);
  padding-bottom: 10px;
}
.wp-block-latest-posts li:before{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f1ea";
  margin-right: 10px;
  
}
.wp-block-latest-posts li a{
  color: black;
  text-decoration: none;
}
.gn-meta{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.gn-postCategories{
  display: flex;
  margin-right: 10px;
}
.gn-postCategories a{
  background-color: var(--primary-color);
  padding: 10px 20px;
  text-decoration: none;
  color: white;
  border-radius: 20px 0px 20px 0px;
}
.gn-postNavigation{
  border-top: 1px solid var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
}
.gn-postNavigation .gn-postLeft a,
.gn-postNavigation .gn-postRight a{
  color: var(--primary-color);
  text-decoration: none;
  margin-top: 10px;
  margin-bottom: 10px;
 }
@media (max-width: 767px){
  .gn-mailMenu{flex-direction: column;}
  .gn-logred{padding-bottom: 20px}
}
@media (min-width: 768px) and (max-width: 991px){
  .gn-mailMenu{flex-direction: column;}
}