/*
Theme Name:  Innovatech
Theme URI: http://wordpress.org/themes/innovatech
Author: @semioticags
Author URI: https://instagram.com/semioticags
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
date: technology, nets, firewalls,security,software, hardware, IT, IT services, IT solutions, IT consulting, IT support, IT management, IT infrastructure, IT systems, IT networks, IT security, IT operations, IT development, IT engineering, IT architecture, IT design, IT implementation, IT deployment, IT integration, IT testing, IT maintenance, IT monitoring, IT optimization, IT performance, IT scalability, IT reliability, IT availability, IT disaster recovery, IT business continuity, IT compliance, IT governance, IT risk management, IT project management, IT service management, IT change management, IT incident management, IT problem management, IT configuration management, IT asset management, IT service desk, IT help desk, IT support, IT knowledge management, IT documentation, IT training, IT education, IT certification, IT standards,
IT best practices, IT methodologies, IT frameworks, IT processes, IT tools, IT technologies,
Text Domain: Innovatech
*/
/*-------------------*/
/*-PALETA DE COLORES-*/
/*-------------------*/
:root {
--green: rgba(89, 187, 168, 1);
--greendark: rgba(1, 138, 136, 1);
--black: rgba(14, 28, 35, 1);
--grey: rgba(51, 55, 65, 1);
--ligthgray: rgba(166, 175, 177, 1);
--bruma:rgba(237, 239, 240, 1);
    }

@media(min-width:200px){
.info-found-container{
width: 100%;
height: auto;
position: relative;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap:wrap ;
padding-bottom: 56px;
}
.info-found-main-container{
width: 100%;
height: auto;
}
.info-found-card-container{
width: 100%;
background-color: white;
height: auto;
margin-bottom: 24px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
border-radius: 12px;
padding: 12px;
}
.info-found-card-container:hover{
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
transition: 0.3s;
}
.info-found-img-container{
width: 100%;
height: 0;
padding-bottom: 60%;
position: relative;
overflow: hidden;
border-radius: 6px;
margin-bottom: 16px;
background-image: url(../img/background-no-img-card.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.info-found-img-container img{
width: 100%;
height: auto;
}
.info-found-title-container{
width: 100%;
padding-bottom: 12px;
}
.info-found-title-container a{
color: var(--grey);
font-weight: 600;
font-size: 18px;
line-height: 22px;
}
.info-found-title-container a:hover{
color: var(--green);
transition: 0.3s;
}
.info-found-tag-container{
background-color: var(--grey);
border-radius: 4px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 4px 8px;
margin-bottom: 12px;
}
.info-found-tag-box{
color: white;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.info-found-tag-box p{
color: white;
}
/*---tags on WORDPRESS----*/
.info-found-tag-box ul{
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.info-found-tag-box ul a{
margin: 0 4px;
padding: 4px 8px;
background-color: var(--ligthgray);
border-radius: 6px;
margin-bottom: 6px;
font-size: 14px;
}
.info-found-tag-box ul a:hover{
background-color: var(--green);
transition: 0.2s;
color: white;
}
.info-found-share-box span{
color: white;
font-size: 18px;
position: relative;
}
.info-found-share-box span:hover{
color: var(--green);
transition: 0.3s;
}
.info-found-share-box span a{
padding: 50%;
position: absolute;
top: 0;
left: 0;
}
.info-found-share-box span a:hover{
color: var(--green);
transition: 0.3s;
}

/*-----SIDEBAR-------*/
.info-found-sidebar-container{
background-color:white;
width: 100%;
padding: 16px;
margin-bottom: 24px;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
position: relative;
}
.info-found-box-container{
width: 100%;
height: auto;
padding-bottom: 0;
margin-bottom: 0;
}
.info-found-sidebar-box-title-cont h3{
font-size: 21px !important;
}
/*---------*/

.info-found-sidebar-box-cont-cerrado{
padding: 12px;
width: 100%;
height: auto;
position: relative;
display: none;
transition: 0.3s;
}
#icon-down-dir-info-found{
font-size: 18px;
color: var(--black);
position: absolute;
top: 12px;
right: 12px;
border-radius: 50%;
padding: 8px 6px;
}
/*-----funcion de iconos---*/
/*---toggle---*/
.icon-down-dir-info-found-open{
transform: rotate(0deg);
transition: 0.3s;
}
/*---toggle---*/
.icon-down-dir-info-found-closed{
transform: rotate(180deg);
transition: 0.3s;
}
.info-found-sidebar-box-cont-abierto{
display: block;
transition: 0.3s;
}
/*---ON WORDPRESS----*/
.info-found-sidebar-box-cont-cerrado ul{
list-style: square;
}
.info-found-sidebar-box-cont-cerrado ul li{
margin-bottom: 12px;
text-align: left;
}
.info-found-sidebar-box-cont-cerrado ul li a{
font-size: 16px;
line-height: 21px;
color: var(--black);
text-align: left;
}
.info-found-sidebar-box-cont-cerrado ul li a:hover{
color: var(--greendark);
text-decoration: underline;
}
/*---fin de @media---*/
}
@media(min-width:400px){

/*---fin de @media---*/
}
@media(min-width:500px){

/*---fin de @media---*/
}
@media(min-width:600px){
.info-found-card-container{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 12px;
}
.info-found-img-container{
width: 30%;
padding-bottom: 18%;
}
.info-found-title-container{
width: 68%;
}
.info-found-tag-container{
width: 100%;
}



/*---fin de @media---*/
}
@media(min-width:700px){
.info-found-title-container a{
font-size: 21px;
}

/*---fin de @media---*/
}
@media(min-width:800px){

/*---fin de @media---*/
}
@media(min-width:900px){

/*---fin de @media---*/
}
@media(min-width:1000px){
.info-found-main-container{
width: 68%;
}
.info-found-card-container{
width: 100%;
}
.info-found-sidebar-container{
width: 30%;
}
#info-found-box-body-cont{
display: block;
}
#icon-down-dir-info-found{
display: none;
}
/*---fin de @media---*/
}
@media(min-width:1100px){

/*---fin de @media---*/
}
@media(min-width:1200px){
.info-found-container{
padding: 0 24px;
}
.info-found-img-container{
width: 25%;
padding-bottom: 15%;
}
.info-found-title-container{
width: 73%;
}
.info-found-tag-container{
padding: 6px 16px;
}


/*---fin de @media---*/
}
@media(min-width:1300px){

/*---fin de @media---*/
}
@media(min-width:1400px){

/*---fin de @media---*/
}
@media(min-width:1600px){

.info-found-container{
padding: 0 63px;
}
.info-found-title-container{
padding-top: 24px;
}
/*---fin de @media---*/
}
@media(min-width:1900px){

/*---fin de @media---*/
}