/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

:root {
  --clr-1: #0848A0;
  --clr-2: #051634;
  --clr-3: #737373;
  --clr-black: #000000;
  --clr-white: #FFFFFF;
  --clr-accent: #0E59F2;
  --ff-1: "Poppins", sans-serif;
  --fs-text: 18px;
  --fs-1: 60px;
  --fs-2: 40px;
  --fs-3: 32px;
  --fs-4: 22px;
  --fs-5: 1rem;
}

body {
  font-family: var(--ff-1);
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
  color: var(--clr-3);
}

h1,h2,h3,h4,h5,h6,p,
.h1,.h2,.h3,.h4,.h5,.h6, .p {
  font-family: var(--ff-1);
}

h1,.h1 {
  font-size: var(--fs-1);
  font-weight: 200;
}

h2,.h2 {
  font-size: var(--fs-2);
}

h3,.h3 {
  font-size: var(--fs-3);
}

h4,.h4 {
  font-size: var(--fs-4);
}

h5,.h5 {
  font-size: var(--fs-5);
  color: var(--clr-accent);
  padding: .5rem 2.7rem;
  background: rgba(8, 72, 160, 0.1);
  border-radius: 10px;
}


.btn {
  &.btn-default {
    > span:not(.btn-icon):not(.btn-txt) {
		padding: .75em 1.5em; 
    }
  }
  &.btn-solid {
    > span:not(.btn-icon):not(.btn-txt) {
      padding: .75em 1.5em; 
    }
 
    .btn-txt {
      font-size: 1rem;
      font-weight: 700;
    }
   
  }
}

/* WPFORMS */
.wpforms-container:not(.contact-page) {
  margin: 0;
  .wpforms-form {
    .wpforms-field-container {
      .wpforms-field {
        padding: 0;
        margin-bottom: 1rem;
        
        @media (width >= 768px) {
          margin-bottom: 2rem;
        }

        /*.wpforms-field-label {}*/

        input,
        textarea {
		  background: none;
		  border: none;
          font-size: 1rem;
          padding: 2rem 0;
		  border-radius: 0;
          border-bottom: 2px solid var(--clr-white);
          outline: none;
		  color: var(--clr-white);
		  box-shadow: none;

          &::placeholder {
            opacity: 1;
			color: var(--clr-white);
          }

          &:focus {
 			box-shadow: none;
          }
        }
        textarea {
          height: auto;
          min-height: 7.5rem;
          field-sizing: content;
        }
        @media (width < 768px) {
          &.wpforms-one-half {
            margin-left: 0;
            width: 100%;
          }
        }
      }
    }
    .wpforms-submit-container {
      button {
        font-size: 1rem;
        font-weight: 500;
		text-transform: uppercase;
        border: 1px solid var(--clr-2);
        border-radius: 50em;
        color: var(--clr-white);
        padding: 1.5rem;
        transition: all .3s;
		background: var(--clr-2) !important;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items:center;
		margin-top: 2rem;
		box-shadow: none;

        &:hover {
          background: none !important;
          color: var(--clr-white);
		  border: 1px solid var(--clr-white);

        }
      }
    }
  }
}

/* Custom CSS */
#header {
  .lqd-head-sec-wrap {
    .lqd-head-sec {
      .lqd-head-col {
        .main-nav {
          li {
            a {
              font-size: 1rem;
              font-weight: 500;
              color: var(--clr-black);
              
              &:hover {
                color: var(--clr-1);
              }
            }
          }
        }
      }
    }
  }
  .lqd-mobile-sec {
    &:before {
      background-color: var(--clr-white);
    }
    .lqd-mobile-sec-inner {
      background-color: var(--clr-white);
      .navbar-brand {
        padding: 30px 0;
      }
    }
    .lqd-mobile-sec-nav {
      .mobile-navbar-collapse {
        .nav-trigger {
          .bars {
            border-color: var(--clr-accent);
            .bar {
              background-color: var(--clr-black);
            }
          }
        }
        .navbar-collapse-inner {
          .lqd-mobile-main-nav {
            li {
              a {
                font-size: 1rem;
                font-weight: 500;
                color: var(--clr-black);
                
                &:hover {
                  color: var(--clr-accent);
                }
              }
            }
          }
        }
      }
    }
  }
}

footer .iconbox p{
 font-size: 1rem;
}


.w-noventa p{
 width: 90%;
}

.w-ochenta p{
 width: 80%;
}

.w-icon p{
 width: 13rem;
}

.flex h4{
 display: flex;
}

.carousel-item-content img {
 width: 200px;
}

.flex{
 display: flex;
}

.mobile-center{
	align-items: center !important;
}

.mobile-center h3{
	padding: 0 5% !important;
	text-align: center;
}

.accordion-item.panel{
	display: flex !important;
    justify-content: center !important;
    flex-direction: column !important;
    align-items: center !important;
}


#soluciones .accordion-heading{
	width: 11rem;
	border: solid 1px #ccc;
	padding: 0 0 0 2rem;
	border-radius: 50em;
	margin-bottom: 2rem;
}

#soluciones .iconbox h3{
	padding-right: 5rem;
}

#soluciones .accordion-content h3{
	padding-right: 0rem !important;
}

#bkg-azul{
	border-radius: 20px 20px 3rem 0;
	height: 9rem;
	display: flex;
    justify-content: center;
	z-index: 2;
	align-items: center;
}


#bkg-azul-dos{
	border-radius: 20px 20px 0 3rem;
	height: 9rem;
	display: flex;
    justify-content: center;
	z-index: 2;
	align-items: center;
}

.testimonio .vc_column-inner{
	display: flex;
    justify-content: center;
	border-bottom: 8px solid #fff;
}

.testimonio .vc_column-inner:hover{
	border-bottom: 8px solid #0E59F2;
}

.flex-start{
	display: flex;
    align-items: flex-start;
}

.lqd-counter{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;

}

.lqd-counter-element{
	background: #0848A0;
    padding: .8rem 1.2rem;
    border-radius: 50em;
}

 @media (width > 768px) {
    .h-precios{
		height: 43rem;
	}
	 .testimonio .vc_column-inner{
		height: 26rem;
	}
	 .lqd-counter-element{
		width: 16rem;
	 }
	 
}


/* HOME */

/* CONTACT */