/*---------------------------------------------------------------------------------

 Theme Name:   Observatorio Legistativo
 Theme URI:    https://observatoriolegislativo.ec/
 Description:  Tema hijo de Divi para Observatorio Legislativo FCD
 Author:       Divi
 Author URI:   https://observatoriolegislativo.ec/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* Texts and fonts */
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }
.bold { font-weight: bold; }
.bolder { font-weight: 700; }
.boldest { font-weight: 900; }
.cursor-pointer { cursor: pointer; }
button { cursor: pointer; }
.m-auto { margin: 0 auto; }
.btn-equipo-trabajo { transform: translateY(-8px); }

/* Border */
.br-6 { border-radius: 6px; }
.br-12 { border-radius: 12px; }
.border-accent { border-color: #FFC307!important; }

/* Line Heights */
.lh-1 { line-height: 1!important; }
.lh-15 { line-height: 1.5!important; }
.lh-2 { line-height: 2!important; }
.lh-25 { line-height: 2.5!important; }

/* Text Align */
.ta-c { text-align: center; }
.ta-r { text-align: right; }

/* Font size */
.fs-8 { font-size: 8px!important; }
.fs-10 { font-size: 10px!important; }
.fs-12 { font-size: 12px!important; }
.fs-14 { font-size: 14px!important; }
.fs-15 { font-size: 15px!important; }
.fs-16 { font-size: 16px!important; }
.fs-18 { font-size: 18px!important; }
.fs-20 { font-size: 20px!important; }
.fs-24 { font-size: 24px!important; }
.fs-25 { font-size: 25px!important; }
.fs-26 { font-size: 26px!important; }
.fs-28 { font-size: 28px!important; }
.fs-32 { font-size: 32px!important; }
.fs-34 { font-size: 34px!important; }
.fs-36 { font-size: 36px!important; }
.fs-42 { font-size: 42px!important; }
.fs-48 { font-size: 48px!important; }
.fs-60 { font-size: 60px!important; }
.fs-80 { font-size: 80px!important; }

/* Font colors */
.ol-footer { color: #212121; }
.text-black { color: #000; }
.text-dark { color: #262626; }
.text-white { color: #fff; }
.text-fcd-gray { color: #6F6F6F; }
.text-accent { color: #FFC307; }
.text-secondary { color: #5F5F5F; }
.text-secondary-alt { color: #F5F5F5; }
.fa-file-excel { color: #1d6f42; }
.fa-file-code { color: #f40f02; }
.fa-file-csv { color: #5F5F5F; }
.color-icon-footer { color: #A5A6A4; }

/* Background colors */
.bg-black { background-color: #000; }
.bg-white { background-color: #fff; }
.bg-accent { background-color: #FFC307; }
.bg-secondary { background-color: #5F5F5F; }
.bg-dark-gray-fcd { background-color: #5A5A5A;}
.bg-secondary-alt { background-color: #F5F5F5; }
.bg-secondary-light { background-color: #FAFAFA; }

/* Main menu */
@media only screen and (min-width: 1024px){
  .menu-item > a {
    border-bottom: 3px solid transparent;
  }
  .menu-item:hover > a,
  .current-menu-item > a {
    border-color: #FFC307;
  }
}

/* Footer */
.footer-social-inline {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Archive View */
.az-items li{
  display: inline;
}
.search-container form { display: flex; }
.search-container input[type="text"] { width: 100%; }
.filter-bar-title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Single Profile View */
.profile-social-icons li{
 display: inline;
}
@media only screen and (max-width: 768px){
	.profile-social-icons {
		justify-content: center;
	}	
}

/* DIVI Tabs own module */
.ol-tabs .et_pb_tab_active {
  background-color: #FFC307!important;
}
.ol-tabs-perfil {
  margin: -37px;
}

/* Loading Overlay */
.loading-overlay-showing { overflow: hidden; }
.loading-overlay-showing .loading-overlay {
	opacity: 1;
	visibility: visible;
}
.loading-overlay {
	transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
	bottom: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	right: 0;
	top: 0;
	visibility: hidden;
	background: #FFF;
}
body .loading-overlay {
	position: fixed;
	z-index: 999999;
}
/* Bounce Loading */
.bounce-loader {
	transition: all 0.2s;
	margin: -9px 0 0 -35px;
	text-align: center;
	width: 70px;
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: 10000;
}
.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce3 {
	-webkit-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;
	animation: 1.4s ease-in-out 0s normal both infinite bouncedelay;
	background-color: #CCC;
	border-radius: 100%;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
	display: inline-block;
	height: 18px;
	width: 18px;
}

.bounce-loader .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.bounce-loader .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { transform: scale(0); }
	40% {transform: scale(1); }
}
@keyframes bouncedelay {
	0%, 80%, 100% { transform: scale(0); }
	40% { transform: scale(1);}
}
#mobile_chart { display: none; }
/** Asamblea en Cifras */
@media only screen and ( max-width: 768px ){
  #mobile_chart { display: block; }
  .grafico-circular #mobile_chart,
  .grafico-barras #chartdiv {
    display: none;
  }
  .position-badge {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #FFC307;
  }
}