/*
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){
#blog-single-section{
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap ;
}
.blog-single-container{
width: 100%;
height: auto;
position: relative;
}
.single-blog-img-container{
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
border-radius: 12px;
margin-bottom: 24px;
}
.single-blog-img-container img{
width: 100%;
height: auto;
}
/*---------STYLE ARTICLE CONTENT-------------*/

.single-blog-article-container{
width: 100%;
height: auto;
margin-bottom: 24px;
}
.single-blog-article-container h2, .single-blog-article-container h3, .single-blog-article-container h4{
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-style: normal;
color: var(--greendark);
}
.single-blog-article-container h2{
padding-bottom: 24px;
}
.single-blog-article-container h3{
padding-bottom: 12px;
padding-top: 18px;
}
.single-blog-article-container h4{
padding-bottom: 8px;
padding-top: 12px;
}
.single-blog-article-container ul, .single-blog-article-container ol{
width: 100%;
margin-bottom: 24px;
padding-right: 3%;
}

.single-blog-article-container p, .single-blog-article-container li, .single-blog-article-container td{
font-size: 16px;
line-height: 21px;
text-align: justify;
font-family: 'OpenSans', sans-serif;
font-weight: normal;
margin-bottom: 16px;
}
.single-blog-article-container p{
color: var(--grey);
margin-bottom: 16px;

}
.single-blog-article-container ul li{
width: 90%;
margin-left: 21px;
list-style-type: square;
text-align: left;
}
.single-blog-article-container ol li{
width: 90%;
margin-left: 21px;
text-align: left;
}

.single-blog-article-container blockquote{
font-size: 21px;
line-height:  28px;
width: 80%;
text-align:  center;
margin: auto;
color: var(--greendark);
font-family: 'OpenSans', sans-serif;
font-weight: normal;
font-style: italic;
background-color:rgba(237, 239, 240, .5);
margin-bottom: 24px;
border-radius: 6px;
padding: 16px;
}
.single-blog-article-container blockquote::after {
  content: '”'; /* Comilla de cierre */
}
.single-blog-article-container blockquote::before {
  content: '“'; /* Comilla de apertura */
}

.single-blog-article-container a{
font-size: 16px;
line-height: 20px;
text-decoration: none;
font-family: 'OpenSans', sans-serif;
font-weight:bold;
font-style: normal;
color: var(--greendark);
text-decoration: underline;
}
.single-blog-article-container a:hover{
color: var(--green);
text-decoration: none;
}

/*----SIDEBAR----*/
/*-----SIDEBAR-------*/
.single-cont-sidebar-container{
background-color:white;
width: 100%;
padding: 16px;
padding-bottom: 24px;
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;
}
.sgl-sidebar-box-container{
width: 100%;
height: auto;
padding-bottom: 0;
margin-bottom: 0;
}
.sgl-sidebar-box-title-cont{
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px ;
padding-bottom: 6px;
padding-right: 0;
border-bottom: 1px solid var(--ligthgray);
margin-bottom: 0px;
position: relative;
}
.sgl-sidebar-box-title-cont h3{
font-size: 18px;
font-weight: 500;
color: var(--greendark);
font-family: 'Swavao', sans-serif;

}
/*---------*/
.sgl-sidebar-box-trials-cont-cerrado, .sgl-sidebar-box-art-cont-cerrado, .sgl-sidebar-box-date-cont-cerrado{
padding: 12px;
width: 100%;
height: auto;
position: relative;
display: none;
}

/*- estilos para iconos----*/
#icon-down-dir-art, #icon-down-dir-date, #icon-down-dir-trial{
font-size: 18px;
color: var(--black);
position: absolute;
right: 0px;
}
/*-----funcion de iconos---*/
/*---trials---*/
.icon-down-dir-trial-open{
transform: rotate(0deg);
}
/*---toggle trials---*/
.icon-down-dir-trial-closed{
transform: rotate(180deg);
}
.sgl-sidebar-box-trials-cont-abierto{
display: block;
}
/*---articulos---*/
.icon-down-dir-art-open{
transform: rotate(0deg);
}
/*---toggle articulos---*/
.icon-down-dir-art-closed{
transform: rotate(180deg);
}
.sgl-sidebar-box-art-cont-abierto{
display: block;
}
/*---etiquetas---*/
.icon-down-dir-date-open{
transform: rotate(0deg);
}
/*---toggle date---*/
.icon-down-dir-date-closed{
transform: rotate(180deg);
}
.sgl-sidebar-box-date-cont-abierto{
display: block;
}

/*---Estilos para las listas---*/
#sgl-sidebar-box-body-cont-trial ul, #sgl-sidebar-box-body-cont-art ul{
padding-left: 16px;
list-style-type: square;
color: var(--grey);
}
#sgl-sidebar-box-body-cont-trial ul li, #sgl-sidebar-box-body-cont-art ul li{
padding-bottom: 6px;
}
#sgl-sidebar-box-body-cont-trial ul li a, #sgl-sidebar-box-body-cont-art ul li a{
font-size: 14px;
padding-bottom: 22px;
color: var(--grey);
}
#sgl-sidebar-box-body-cont-trial ul li a:hover, #sgl-sidebar-box-body-cont-art ul li a:hover{
text-decoration: underline;
color: var(--green);
}
/*--Estilos para las etiquetas date--*/
#sgl-sidebar-box-body-cont-date ul{
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0;
}
#sgl-sidebar-box-body-cont-date ul li{
background-color: rgba(63, 63, 63, .3);
padding: 4px 8px;
margin-right: 8px;
margin-bottom: 12px;
border-radius: 6px;
}
#sgl-sidebar-box-body-cont-date ul li:hover{
background-color: var(--green);
transition: .2s;
}
#sgl-sidebar-box-body-cont-date ul li a{
color: white;
font-weight: 500;
font-size: 14px;
}
#sgl-sidebar-box-body-cont-date ul li a:hover{
text-decoration: none;
}
/*-----SHARE CONTAINER-----*/
.single-blog-share-container{
width: 100%;
height: auto;
padding: 12px;
background-color: var(--grey);
border-radius: 6px;
margin-bottom: 24px;
}
.single-blog-share-container p{
color: white;
margin-bottom: 12px;
}
.single-blog-share-iconbox span{
color: white;
font-size: 24px;
position: relative;
}
.single-blog-share-iconbox span:hover{
color: var(--green);
transition: 0.3s;
}
.single-blog-share-iconbox a{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
/*-----INTEREST CONTAINER-----*/
.single-blog-interest-container{
width: 100%;
height: auto;
padding: 12px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
/*----CRADS----*/











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

/*---fin de @media---*/
}
@media(min-width:500px){
/*-----SHARE CONTAINER-----*/
.single-blog-share-container{
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 24px;
}
.single-blog-share-container p{
padding: 0;
margin: 0;
line-height: 0;
}
/*---fin de @media---*/
}
@media(min-width:600px){

/*---fin de @media---*/
}
@media(min-width:700px){
#blog-single-section{
padding:0 36px;
}
.single-blog-img-container{
padding-bottom: 25%;
}

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

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

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

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

/*---fin de @media---*/
}
@media(min-width:1200px){
/*---SHARE CONTAINER---*/
.single-blog-share-container{
justify-content: flex-start;
}
.single-blog-share-container p{
margin-right: 24px;
}


/*---fin de @media---*/
}
@media(min-width:1300px){
.blog-single-container{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}
.single-blog-article-container{
width: 70%;
background-color: white;
padding: 48px 48px;
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}


/*-----SIDEBAR-------*/
.single-cont-sidebar-container{
width: 28.9%;
padding-top: 48px;
align-self: stretch;
margin-bottom: 24px;
}
.sgl-sidebar-box-trials-cont-cerrado, .sgl-sidebar-box-art-cont-cerrado, .sgl-sidebar-box-date-cont-cerrado{
display: block;
}
/*- estilos para iconos----*/
#icon-down-dir-art, #icon-down-dir-date, #icon-down-dir-trial{
display: none;
}









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

/*---fin de @media---*/
}
@media(min-width:1600px){
/*---SIDEBAR---*/
.sgl-sidebar-box-title-cont h3{
font-size: 24px;
}

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

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