@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,500&display=swap');
body *{
	font-family: Roboto, Helvetica, Arial;
}

* {
	box-sizing: border-box;
  }

:root {
	--primary-color: 40,70,57;
	--background-color: #EAEAEA;
	--bs-primary: #284639;
	--bs-primary-rgb: 40,70,57;
    --bs-btn-active-bg: #1d3329;
}
a {
	color: #284639 !important;
	text-decoration: underline !important;
}
body {
	font-family: 'Roboto', sans-serif;
	background-color: var(--background-color);

} 

.btn-primary{
	background-color:rgba(var(--primary-color));
	border-color: rgba(var(--primary-color));
}

.btn-primary:hover {
	background-color: rgba(var(--primary-color), 0.8);
	border-color: rgba(var(--primary-color), 0.8);
}

.btn-primary:first-child:active {
	background-color: #1d3329;
	border-color: #1d3329;
}

.card{
	padding: 15px;
	border-radius: 25px;
}

#contenedor{
	padding: 0;
	position: relative;
	background-image: url("../../assets/image/publication/backgrounds/wallpaper2.jpg");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5);
	min-height: 100vh;
}
.content{
	padding-right: 2vh;
	padding-left: 2vh;
	padding-bottom: 15vh;
}
@media (min-width: 1400px) {
   .content{
		padding-right: 5vh;
		padding-left: 5vh;
		padding-bottom: 5vh;
	} 
}

#description{
	text-align: justify;
}
#fecha-publicacion{
	color: #707070;
} 
#footer{
	font-size: 0.6rem;
	color: #2d3748;
	text-align: center;
	padding: 10px;
}
#header{
	color: white;
    padding:5vh;
    
}
#img-logo{
	width: 15rem;
}
#institutional-logo{
	text-align: end;
}
#login-card{
	position: sticky;
	top: 5vh;
}
#login-card .card{
	padding: 10px;
}

#login-card img{
	margin: auto;
	display: block;
	width: 4em;
}

.long-question-review{
	height: 20vh;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 30px;

}
#mobile-action{
	position:fixed;
	bottom:0;
	width: inherit;
	display:flex;   
	font-size: 10px;
}
#mobile-action button{
	min-width: 10rem;
	width: 30%;
}

#mobile-action img{
    max-height: 2rem;
}

#page-title{
	font-family: 'Roboto Condensed';
	font-weight: 1000;
	font-size: 2rem;
	align-self: flex-end;
}
#post-title{
	font-family: 'Roboto Condensed';
	font-weight: 1000;
}

#short-description{
	background-color: #F1F1F1;
	border-radius: 10px;
	text-align: justify;
}

#icon{
	font-size: 5vh;
	text-align: center;
	color: var(--bs-primary);
}
.step {
	height: 25px;
	width: 25px;
	margin-left: 15px;
	background-color: #bbbbbb;
	border: none;  
	border-radius: 50%;
	display: inline-block;
}

.step.active {
	opacity: 1;
	background-color: var(--bs-primary);
	color: white;
}

.step.finish {
	background-color: var(--bs-primary);
	color: white;
	opacity: 0.5;
}

.subtitle{
	color: #284639;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 1rem;
}

.subsubtitle{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 1rem;
}

.tab{
	display: none;
}