/*
Theme Name: Unipampa 2020
Theme URI: https://unipampa.edu.br/
Description:  Tema institucional da Universidade Federal do Pampa para sites WordPress, versão 2020.
Author: Equipe de Portais Institucionais, Universidade Federal do Pampa
Author URI: https://unipampa.edu.br/
Template: wp-bootstrap-starter
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: unipampa
Text Domain: unipampa
*/

/*
SUMÁRIO:
[01EG] Estilos gerais (afetam todas as páginas)
	(01LN) Logo e nome do site
	(01AB) Acessibilidade e busca
	(01ME) Menu
	(01SS) Slideshow
	(01EP) Elementos de páginas
	(01DT) TablePress (DataTables)
[02PI] Página inicial
	(01AB) Módulo Abas
	(01MT) Meta-tags
[03BU] Bootstrap Unipampa
*/

/*************************/
/* [01EG] Estilos gerais */
/*************************/
body {
	font-family: "Source Sans Pro",Arial,Helvetica,Sans-serif;
}
body.custom-background {
	background-image: none !important;
}
h2 {
	padding-bottom: 0.2em;
}
.page-content, .entry-content, .entry-summary {
    margin: 1.4em 0 0;
}
img.logo-sidebar {
	max-width: 220px;
}

/* (01LN) Logo e nome do site */
.site-title {
	top: 8px; 
}
.site-title:hover {
	text-decoration: none !important;
}
.site-logo img {
	max-width: 160px;
}
#title-text.title-bigger {
	font-size: 28px;
	line-height: 1.2;
	display: block;
}
#sigla-text {
	font-size: 40px;
}
#title-text.title-smaller {
	font-size: 18px;
}
/* Telas extra-pequenas */
@media all and (max-width: 419.98px) {
	#title-text.title-bigger {
		display: block;
	}
	#logo-e-titulo {
		display: initial !important;
		text-align: center;
	}
	#sigla-text {
		font-size: 32px;
	}
}
@media (min-width: 768px) {
	.site-logo img {
		max-width: 172px;
		
	}
	#title-text.title-bigger {
		font-size: 30px;
	}
	#sigla-text {
		font-size: 46px;
	}
	#title-text.title-smaller {
		font-size: 22px;
	}
}
@media all and (min-width: 992px) {
	.site-logo img {
		max-width: 220px;
	}
	.site-title {
		max-width: calc(100% - 240px);
	}
}
@media (min-width: 1200px) {
	#title-text.title-bigger {
		font-size: 36px;
	}
}

/* (01AB) Acessibilidade e busca */
#search-input {
	width: calc(100% - 52px);
}
.social-icon-url img {
	margin: 0 4px;
	max-height: 1.75em;
}

/* (01ME) Menu */
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	color: #ffffff;
	font-size: 1rem;
}
.menu-item > a {
	font-weight: normal !important;
}
.menu-item.active > a {
	font-weight: bold !important;
}
.navbar-nav .dropdown-menu {
	min-width: 13.6rem;
}
.navbar-nav .dropdown-menu.show,
.navbar-nav .menu-item-has-children:hover > .dropdown-menu {
    left: 0;
}
/* Submenus de 2º nível */
.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
	left: -999em;
}
.dropdown > .dropdown-menu > .dropdown:hover > .dropdown-menu,
.dropdown > .dropdown-menu > .dropdown > .dropdown-menu.show {
	left: 100% !important;
}
@media screen and (min-width: 769px) {
	.dropdown-menu li > .dropdown-menu {
		right: initial;
	}
}
@media all and (min-width: 992px) {
	header {
		min-height: 54px;
	}
}
/* Menu mobile */
@media all and (max-width: 1199px) {
	#main-nav .dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
		display: none;
	}
	#main-nav .menu-item>a {
		border-bottom: 1px solid #32a66a;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	#main-nav .navbar-nav .dropdown-menu {
		margin-top: 0 !important;
	}
	#main-nav a.nav-sub-link:hover, 
	#main-nav a.nav-sub-link:focus, 
	#main-nav a.nav-link:hover, 
	#main-nav a.nav-link:focus, 
	#main-nav .dropdown-item:focus {
		color: #ffffff !important;
		background-color: #067638 !important;
		border-color: #007032 !important;
		border-radius: .25rem;
	}
	#main-nav a.nav-sub-link {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
		background-color: #009045 !important;
	}
}
@media all and (min-width: 1200px) {
	.navbar-nav .d-xl-hidden {
		float: left;
		position: absolute;
		left: -999em;
		z-index: 99999;
	}
}
/* Widget de menu */
.widget_nav_menu .sub-menu {
	padding: 0 0 0 15px !important;
}
.widget_nav_menu .sub-menu a {
	color: #24890d !important;
	background-color: transparent !important;
}
.widget_nav_menu .sub-menu a:hover,
.widget_nav_menu .sub-menu a:focus {
	background-color: #eee !important;
	color: #41a62a !important;
}
@media (max-width: 1199px) {
	.widget_nav_menu .sub-menu a:hover,
	.widget_nav_menu .sub-menu a:focus {
		color: #ffffff !important;
    	background-color: #067638 !important;
	}
}

/* (01SS) Slideshow */
.slide-image {
	width: 100%;
	height: auto;
}
@media (max-width: 575.98px) {
	.slide-image {
		max-width: 510px;
		max-height: 198px;
	}
 }
@media (min-width: 576px) {
	.slide-image {
		width: 510px;
		height: 204px;
	}
}
@media (min-width: 768px) {
	.slide-image {
		width: 690px;
		height: 268px;
	}
}
@media (min-width: 992px) {
	.slide-image {
		width: 930px;
		height: 362px;
	}
}
@media (min-width: 1200px) {
	.slide-image {
		width: 1110px;
		height: 432px;
	}
}

/* (01EP) Elementos de páginas */
.breadcrumbs {
	font-size: 92%;
}
h2.entry-title {
	font-size: 1.8rem;
}
h1.entry-title, h1.page-title, h2.entry-title-page {
	font-size: 1.9rem;
}
h2.entry-title a {
	display: block;
    word-break: break-word;
}
a {
	color: #24890d;
}
a:active, a:hover {
	color: #41a62a;
}
.table td, .table th {
    padding: 0.65rem;
}
#secondary #search-button {
	margin-right: 0 !important;
}
.size-post-thumbnail {
	max-height: 500px;
	width: auto;
}
.post-full-thumbnail > img {
	max-height: 100%;
}
.nav-links .nav-previous a, .nav-links .nav-next a {
    border: 1px solid #ddd;
    border-radius: 0.938rem;
    display: inline-block;
    padding: 0.313rem 0.875rem;
    text-decoration: none;
}

/* (01DT) TablePress (DataTables) */
.dt-buttons button {
	color: #ffffff !important;
	background-color: #009045 !important;
	border-color: #009045 !important;
	background-image: none !important;
}
.dt-buttons button:hover {
	color: #ffffff !important;
	background-color: #067638 !important;
	border-color: #007032 !important;
	background-image: none !important;
}
@media (min-width: 1025px) {
	.tablepress td, .tablepress th {
		font-size: 14px;
	}
}
.tablepress tfoot th, .tablepress thead th {
	background-color: #d9f7dd !important;
}
.tablepress tfoot th:hover, .tablepress thead th:hover {
	background-color: #a2d9aa !important;
}
a.dt-button:focus:not(.disabled), 
button.dt-button:focus:not(.disabled), 
div.dt-button:focus:not(.disabled) {
	border: 1px solid #009045 !important;
	text-shadow: none !important;
}
a.dt-button.active:not(.disabled), 
a.dt-button:active:not(.disabled), 
button.dt-button.active:not(.disabled), 
button.dt-button:active:not(.disabled), 
div.dt-button.active:not(.disabled), 
div.dt-button:active:not(.disabled) {
	box-shadow: none !important;
}
.dataTables_filter input:focus {
	outline: none !important;
}
.paginate_button:after, 
.paginate_button:before {
	color: #009045 !important;
}
.paginate_button:hover:after, 
.paginate_button:hover:before {
	color: #067638 !important;
}

/*****************************/
/*** [02PI] Página inicial ***/
/*****************************/

/* (01AB) Módulo Abas */
.tabs-module .tab-content {
	padding: 1.2rem;
	border: 1px solid #ddd;
    border-radius: 0 0 .25rem .25rem;
}
.tabs-module .nav-tabs {
	border-bottom: 0;
}
.tabs-module .tab-post p {
	margin: 0;
}
.tabs-module .nav-tabs .nav-item.show .nav-link, 
.tabs-module .nav-tabs .nav-link.active {
	border-top-color: #009045;
    border-top-width: 4px;
}
.tabs-module .nav-tabs .nav-link {
	border-top-width: 4px;
}

/* (01MT) Meta-tags */
.entry-meta a {
	color: #6c757d;
}
.entry-meta a:hover {
	color: #41a62a;
}
.tags-links {
	font-size: 90%;
}
.tags-links a {
    background-color: #6c757d;
    border-radius: 0 4px 4px 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    line-height: 1.2727272727;
    margin: 2px 4px 2px 10px;
    padding: 3px 10px;
    position: relative;
}
.tags-links a:before {
    border-top: 10px solid transparent;
    border-right: 8px solid #6c757d;
    border-bottom: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    left: -8px;
    width: 0;
}
.tags-links a:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 4px;
    position: absolute;
	top: 8px;
	left: 0;
    width: 4px;
}
.tags-links a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #41a62a;
}
.tags-links a:hover:before {
	border-top: 10px solid transparent;
    border-right: 8px solid #41a62a;
    border-bottom: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    left: -8px;
    width: 0;
}

/*****************************/
/* [03BU] Bootstrap Unipampa */
/*****************************/
.bg-verde-unipampa {
	background-color: #009045 !important;
}

.text-verde.unipampa {
	color: #009045;
}
.text-black {
	color: #000000;
}
@media all and (min-width: 1200px) {
	.text-xl-black {
		color: #000000 !important;
	}
	/* Verde Escuro Unipampa */
	.btn-verde-unipampa:hover,
	.btn-verde-unipampa:not(:disabled):not(.disabled):active,
	.show>.btn-verde-unipampa.dropdown-toggle {
		color: #ffffff !important;
		background-color: #067638 !important;
		border-color: #007032 !important;
	}
}
/* Menu */
.btn-verde-unipampa {
	color: #ffffff !important;
	background-color: #009045 !important;
	border-color: #009045 !important;
}
/* Verde Claro Unipampa */
.btn-verde-unipampa:not(:disabled):not(.disabled).active:focus,
.btn-verde-unipampa:not(:disabled):not(.disabled):active:focus,
.show>.btn-verde-unipampa.dropdown-toggle:focus,
.btn-verde-unipampa:focus, .page-link:focus,
.form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5) !important;
}
/* Paginação */
.page-item.active .page-link {
	background-color: #009045;
	border-color: #009045;
}
.page-link {
	color: #009045;
}
.page-link:hover {
	color: #067638;
}
.pagination {
	display: inline-flex !important;
}

img.wpcf7-form-control, input.wpcf7-form-control, textarea.wpcf7-form-control {
width: auto;
}