/*
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
*/
@font-face {
    font-family: 'Swavao';
    src: url('../fonts/fontface/Swavao-Regular.woff2') format('woff2'),
        url('../fonts/fontface/Swavao-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/fontface/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/fontface/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/fontface/OpenSans-Medium.woff2') format('woff2'),
        url('../fonts/fontface/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/fontface/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/fontface/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/fontface/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/fontface/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/*-------------------*/
/*-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);
    }
/*----------------------------------------*/
/*------------ESTILOS GENERALES-----------*/
/*----------------------------------------*/
*{
margin: 0px;
padding:0px;
box-sizing: border-box;
}

body{
margin: 0;
overflow-x: hidden;
padding: 0;
width: 100%;
height: 100vh;
background-color:var(--bruma);
}
a{
font-size: 16px;
line-height: 20px;
text-decoration: none;
font-family: 'OpenSans', sans-serif;
font-weight: normal;
font-style: normal;
color: var(--grey);
}

blockquote{
font-size: 16px;
line-height:  21px;
width: 80%;
padding: 10px 0px 20px;
text-align: justify;
margin: auto;
color: var(--grey);
font-family: 'OpenSans', sans-serif;
font-weight: normal;
font-style: italic;
}
h1, h2, h3, h4{
font-family: 'Swavao', sans-serif;
font-weight: normal;
font-style: normal;
color: var(--greendark);
}
h1{
font-size: 48px;
line-height: 52px;
color: var(--greendark);
}
h2{
font-size: 36px;
line-height: 40px;
color: var(--greendark);
}
h3{
font-size:28px;
line-height: 32px;
color: var(--greendark);
}
h4{
font-size: 18px;
line-height:24px ;
color: var(--greendark);
}
th, tr{
font-weight: bold;
font-style: normal;
font-family: 'OpenSans', sans-serif;;
font-size: 16px;
line-height: 20px;
color: var(--grey);
}
p, ul, li, ol, td{
font-size: 16px;
line-height: 24px;
text-align: justify;
font-family: 'OpenSans', sans-serif;
color: var(--grey);
font-weight: normal;
font-style: normal;
}
input{
color:var(--grey);
font-weight: 600;
font-size: 24px;
line-height:28px ;
}
section{
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
header{
height: 20%;
}
main{
width: 100%;
position: relative;
top: 0;
margin: auto;
padding: 0;
min-height: 800px;
background-color: white;
max-width: 1920px;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
padding-bottom: 56px;
padding-top: 60px;
}

/*-----scroll-------*/
::-webkit-scrollbar              { background-color: transparent; width: 0;}
::-webkit-scrollbar-button       { background-color: transparent; }
::-webkit-scrollbar-track        { background-color: transparent;}
::-webkit-scrollbar-track-piece  { background-color: transparent; }
::-webkit-scrollbar-thumb        { background-color: transparent; }
::-webkit-scrollbar-thumb:window-inactive {background-color: transparent; }


/*-----TOOLTIP-------*/
#tooltip {
    background: var(--black);
    color: white;
    font-weight: bold;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 4px;
    display: none;
    font-family: 'OpenSans', sans-serif;
}

#tooltip[data-show] {
    display: block;
}

#arrow,
#arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
}

#arrow {
    visibility: hidden;
}

#arrow::before {
    visibility: visible;
    content: '';
    transform: rotate(45deg);
}

#tooltip[data-popper-placement^='top'] > #arrow {
    bottom: -4px;
}

#tooltip[data-popper-placement^='bottom'] > #arrow {
    top: -4px;
}

#tooltip[data-popper-placement^='left'] > #arrow {
    right: -4px;
}

#tooltip[data-popper-placement^='right'] > #arrow {
    left: -4px;
}




@media(min-width:300px){
/*-----GOING UP BUTTON-------*/
.goingup{
    display: none;
    padding: 10px;
    background-color: var(--black);
    font-size: 20px;
    cursor: pointer;
    position: fixed;
    bottom: 120px;
    right: 0px;
    width: 70px;
    color: white;
    box-shadow: 5px 5px 5px rgba(0,0,0,.25);
    border-radius: 35px 0 0 35px;
    }
    .goingup:hover{
    background-color: var(--greendark);
    transition: .2s;
    }
    #icon-up-open-going, .goingup p{
    color: white;
    text-align: center;
    }
/*Adapting main to top*/






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

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

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

@media(min-width:600px){

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

@media(min-width:700px){

/*---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){

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

@media(min-width:1300px){



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

@media(min-width:1400px){

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

@media(min-width:1600px){

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


@media(min-width:1900px){

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