/*
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);
    }

/*---------------------*/
/*---the styles of these sheets are inherited from the single sheet of articles.------------------*/
/*---------------------*/


@media(min-width:200px){
/*-----BREADSCRUM-------*/
.breadscrum-container{
width: 100%;
padding: 24px 16px;
position: relative;
margin-bottom: 56px;
}
.breadscrum-box{
width: auto;
position: absolute;
right:24px;
}
.breadscrum-box a:hover{
text-decoration: underline;
}
.breadscrum-1{
font-weight: bold;
color: var(--grey);
}
.breadscrum-2{
font-weight: 500;
color: var(--greendark);
}
.breadscrum-3{
font-weight: 300;
color: var(--green);
}
/*--HEADER OF SECTION--*/
.section-basics{
padding: 0 16px;
background-image: url(https://serviciosinnovatech.com.ve/wp-content/themes/innovatech/img/background-sections.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: 0 0;
}
.header-section-container{
width: 100%;
padding-bottom: 24px;
}
.header-section-box{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid var(--ligthgray);
padding-bottom: 16px;
}
.header-section-box h3{
color: var(--black);
padding-bottom: 8px;
}
.header-desc-section{
width: 100%;
}
.header-desc-section p{
color: var(--green);
font-weight: 500;
font-style: oblique;
}
.section-description-p{
margin-bottom: 24px;
}

/*BUTTON ALL SECTIONS*/
.index-btn-container{
width: 100%;
margin: auto;
padding: 48px 0;
}
.index-btn-box{
width: 85%;
margin: auto;
}
.custom-btn {
  width: 100%;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 16px;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
  border-radius: 24px;
}
.index-btn {
 background: #0E1C23;
background: linear-gradient(338deg,rgba(14, 28, 35, 1) 0%, rgba(51, 55, 65, 1) 53%, rgba(14, 28, 35, 1) 100%);
border: none;
z-index: 1;
}
.index-btn:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  background-color: var(--black);
  background-image: linear-gradient(315deg, #018a88  0%, #59bba8 74%);
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5);
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  transition: all 0.4s ease;
}
.index-btn:hover {
  color: #0e1c23;
    border-radius: 24px;
}
.index-btn:hover:after {
  top: auto;
  bottom: 0;
  height: 100%;
    border-radius: 24px;
}
.index-btn:active {
  top: 2px;
    border-radius: 24px;
}

.index-btn-link{
font-size: 18px;
padding: 12px;
color: white;
}
.index-btn-link:hover{
color: white;
transition: 0.2s;
}






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

/*---fin de @media---*/
}
@media(min-width:500px){
/*----adjunsting buttons*/
.index-btn-box{
width: 70%;
}
/*---fin de @media---*/
}
@media(min-width:600px){

/*--HEADER OF SECTION--*/
.header-section-container, .section-description-p{
padding-left: 24px;
padding-right: 24px;
}
.header-section-box{
display: flex;
justify-content: space-between ;
align-items: center;
flex-wrap: nowrap;
}
.header-section-box h3{
font-size: 36px;
}
.header-desc-section p{
text-align: right;
}




/*---fin de @media---*/
}
@media(min-width:700px){
/*----adjunsting buttons*/
.index-btn-box{
width: 55%;
}



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



/*---fin de @media---*/
}
@media(min-width:900px){
/*--HEADER OF SECTION--*/
.header-section-box h3{
font-size: 42px;
}
.header-desc-section p{
font-size: 21px;
}
/*----adjunsting buttons*/
.index-btn-box{
width: 40%;
}


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

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

/*---fin de @media---*/
}
@media(min-width:1200px){
/*----adjunsting buttons*/
.index-btn-box{
width: 90%;
}
/*---fin de @media---*/
    }
@media(min-width:1300px){
/*BrEADSCRUM*/
.breadscrum-box{
right: 48px;
top: 48px;
}
/*--HEADER OF SECTION--*/
.header-desc-section p{
padding-top: 12px;
}
/*---fin de @media---*/
}
@media(min-width:1400px){

/*---fin de @media---*/
}
@media(min-width:1600px){
/*BrEADSCRUM*/
.breadscrum-box{
right: 72px;
top: 56px;
}
/*--HEADER OF SECTION--*/
.header-section-container{
padding: 24px 65px;
}
.section-description-p{
padding: 0 65px;
font-size: 18px;
}
.header-desc-section p{
font-size: 24px;
}
/*----adjunsting buttons*/
.index-btn-box{
width: 70%;
}

/*---fin de @media---*/
}
@media(min-width:1900px){
/*----adjunsting buttons*/
.index-btn-box{
width: 60%;
}

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