/*
Theme Name: Jevelin Child
Description: Child theme for Jevelin theme
Author: Shufflehound
Author URI: http://shufflehound.com
Template: jevelin
*/

/* --------------------------------- */
/* Tipografía */
/* --------------------------------- */

/* Font BiNeoIndustrial */
@font-face {
    font-family: "BiNeoIndustrial-Bold";
	src: url('fonts/BiNeoIndustrial/BiNeoIndustrial-Bold.woff2') format('woff2');
	font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: "BiNeoIndustrial-Regular";
	src: url('fonts/BiNeoIndustrial/BiNeoIndustrial-Regular.woff2') format('woff2');
	font-weight: normal;
    font-style: normal;
	font-display: swap;
}

.biNeoIndustrialBold{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

.biNeoIndustrialRegular{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

.andesNeueBook{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

.andesNeueMedium{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

.andesNeueBold{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

/* --------------------------------- */
/* Textos */
/* --------------------------------- */

h1 {
    font-family: 'BiNeoIndustrial-Bold' !important;
    color: #003865 !important;
    font-size: 35px !important;
}
h2 {
    font-family: 'BiNeoIndustrial-Bold' !important;
    color: #003865 !important;
    font-size: 30px !important;
}
h3 {
    font-family: 'BiNeoIndustrial-Bold' !important;
    color: #003865 !important;
    font-size: 24px !important;
}
h4 {
    font-family: 'BiNeoIndustrial-Regular' !important;
	color: #8d8d8d !important;
    font-size: 22px !important;
}
h5 {
    font-family: 'Open Sans', sans-serif;
    color: #666666 !important;
    font-size: 18px !important;
}
h1.alternative_color {
    color: #00C1D4 !important;
}
h2.alternative_color {
    color: #8C8C8C !important;
}
h3.alternative_color {
    color: #8C8C8C !important;
}
h3.alternative_aqua_digital{
	color: #00C1D4 !important;
	font-family: 'BiNeoIndustrial-Regular' !important;
}
p {
    font-family: 'Open Sans', sans-serif;
	font-weight: normal;
    color: #666666 !important;
    font-size: 16px !important;
	line-height: 1.5 !important;
}

body, body p{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

label{
	font-family: 'Open Sans', sans-serif;
	color: #003865 !important;
	font-size: 12px;
	line-height: 0;
}
.label-line-height{
	line-height: 15px;
}
p.blank{
	color: #ffffff !important;
}
p.p2 {
    font-family: 'Open Sans', sans-serif;
    color: #003865 !important;
    font-size: 16px !important;
}
p.p3 {
    font-family: 'BiNeoIndustrial-Bold' !important;
    color: #003865 !important;
    font-size: 15px !important;
}

p.p4 {
    font-family: 'Open Sans', sans-serif;
    color: #003865 !important;
    font-size: 15px !important;
}
h1.fondo, h2.fondo, h3.fondo, h4.fondo, h5.fondo, p.fondo {
    color: #ffffff !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}

/* --------------------------------- */
/* Enlaces */
/* --------------------------------- */

.textlink a {
    font-family: 'Open Sans', sans-serif;
    color: #003865 !important;
    font-size: 16px !important;
    text-decoration: underline !important;
}
.textlink a:hover {
    color: #2C8B9E !important;
}

/* --------------------------------- */
/* Botones */
/* --------------------------------- */

button {
	font-family: 'BiNeoIndustrial-Regular' !important;
}

.principalbutton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #fff;
    border-color: #003865;
    background-color: #003865;
    background-image: none;
    border-radius: 16px 0px;
}
.principalbutton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    background-color: #00C1D4;
    border-color: #00C1D4;
	font-size: 14px !important;
}

.secondarybutton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #fff;
    border-color: #fff;
    background-color: #2C8B9E;
    background-image: none;
    border-radius: 16px 0px;
}
.secondarybutton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    background-color: #00C1D4;
    border-color: #fff;
}

.terciarybutton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #2C8B9E;
    border-color: #2C8B9E;
    background-color: transparent;
    background-image: none;
    border-radius: 16px 0px;
}
.terciarybutton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
	color: #fff;
    background-color: #2C8B9E;
	border-color: #2C8B9E;
}

/* Boton sin fondo cambiar border color cuando se necesite */
.backgroundbutton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #FFFFFF;
    border-color: #FFFFFF;
    background-color: transparent;
    background-image: none;
    border-radius: 16px 0px;
}
.backgroundbutton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #003865;
	background-color: #FFFFFF;
    border-color: #fff;
}

/* Boton para tener opción de agregar target blank */
.sh-button.sh-button-color-black {
    color: #fff !important;
    border-color: #fff;
    background-color: #003865 !important;
    background-image: none;
    border-radius: 16px 0px;
}
.sh-button.sh-button-color-black:hover {
    background-color: #00C1D4 !important;
    border-color: #fff;
}
.secondarybutton .sh-button {
    color: #fff;
    border-color: #fff;
    background-color: #2C8B9E;
    background-image: none;
    border-radius: 16px 0px;
}
.secondarybutton .sh-button:hover {
    background-color: #00C1D4;
    border-color: #fff;
}
.backgroundbutton .sh-button {
    color: #FFFFFF;
    border-color: #FFFFFF;
    background-color: transparent;
    background-image: none;
    border-radius: 16px 0px;
}
.backgroundbutton .sh-button:hover {
    color: #003865;
	background-color: #FFFFFF;
    border-color: #fff;
}

/* --------------------------------- */
/* Iconos */
/* --------------------------------- */

[class^="mercado-t-"], [class*=" mercado-t-"] {
    color: #FFFFFF;
	font-size: 80px;
}

.icon-size-large:before {
    font-size: 0.6em !important;
    vertical-align: middle;
}

.icon-size-small:before{
	font-size: 0.4em !important;
    vertical-align: middle;
}
.icon-size-small{
	color: #003865;
    font-size: 5em;
    vertical-align: text-top;
    line-height: 0 !important;
	padding-right: 6px;
	padding-top: 10px;
}

/* todos los iconos en raw html que terminen con un atributo expert o blue */
[class$="expert"] {
    color: #003865;
}
[class$="blue"] {
    color: #00BED6;
}
[class$="yellow"] {
    color: #FFB81C;
}

/* --------------------------------- */
/* Plecas */
/* --------------------------------- */

/* Para inner columns */
.plekbox .vc_column-inner {
    border-radius: 40px 0px !important;
    padding-top: initial !important;
}

.optimist-border .vc_column-inner{
	border: 2px solid #FFB81C;
}
.finance-border .vc_column-inner{
	border: 2px solid #2C8B9E;
}
.digital-border .vc_column-inner{
	border: 2px solid #00C1D4;
}

/* --------------------------------- */
/* Tabla */
/* --------------------------------- */

.text-blue-expert{
	color: #003865;
}

table *{
	font-family: 'Open Sans', sans-serif;
}

table { 
	border: 1px solid #003865 !important;
	border-spacing: 0 !important;
	border-collapse: separate !important;
	border-top-left-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
}

table td, table th {
    border: 1px solid #003865!important;
}

table tr:first-child td:first-child{
	border-top-left-radius: 14px !important;
}

table tr:last-child td:last-child{
	border-bottom-right-radius: 14px !important;
}

/* --------------------------------- */
/* Revolution Slider */
/* --------------------------------- */

rs-layer:not(.rs-wtbindex), .rs-layer:not(.rs-wtbindex), rs-alyer *:not(.rs-wtbindex), .rs-layer *:not(.rs-wtbindex) {
    outline: none !important;
    font-family: 'BiNeoIndustrial-Regular' !important;
}

/* --------------------------------- */
/* Logo menú */
/* --------------------------------- */

.header-logo img {
    max-width: 10.5em;
}

/* --------------------------------- */
/* Botón editar header Jevelin */
/* --------------------------------- */

.sh-header-builder-edit{
	z-index: 10003;
    top: 66px;	
}


/* --------------------------------- */
/* Calculadoras */
/* --------------------------------- */
#numberfieldbox {
    border: 2px solid #003865;
    border-radius: 5px;
    margin-bottom: 20px;
}
#inner-editor{
    padding: 5px;
}
label.form-label{
    font-size: 0.95em;
    font-family: 'BiNeoIndustrial-Regular' !important;
	line-height: 2rem !important;
}
.form-row {
    display: block;
    align-items: center;
}
.number-input{
    flex: 1;
    width: 100%;
    box-sizing: border-box;   
}  
.custom-input-format {
    border: 2px solid #003865 !important;
    border-radius: 5px;
    padding: 0 1em;
    line-height: 3.2 !important;
    display: flex;
    width: 100%;
    transition: ease-in-out 0.2s;
}
.custom-input-format:focus{
    border: 1px solid #003865;
    box-shadow: 0 0 0 0.2px #003865, 0px 0px 2px rgba(0,0,0,0.15);
    outline: none;
}
.calculate-container {
    margin-top: 10px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.principalbutton {
    color: #fff;
    border-color: #003865;
    background-color: #003865;
    background-image: none;
    border-radius: 16px 0px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    position: relative;
    top: 0;
    transition: all .2s ease-in-out;
    line-height: normal;
    box-shadow: none;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 135px;
    min-width: 135px;
    margin-top: 35px;
}
.principalbutton:hover {
    background-color: #00C1D4;
    border-color: #00C1D4;
    font-size: 14px !important;
}
.default-h{
    height: 41.14px;
    min-height: 41.14px;
    max-height: 41.14px;
    display: block;
}
body:not(.vc_editor) .promissory-note-calculator {
    display: block; 
}
.hide{
    display: none;
}
.default-spacer{
    height: 30px;
}

/* Estilos calculadoras */
.operation_results ul.nav.nav-tabs li{
    background-color: #F7F7F7;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.operation_results ul.nav.nav-tabs li:hover > a{
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;   
}
.operation_results ul.nav.nav-tabs li a{
    color: #666666; 
    padding: 10px 40px;
}
.operation_results .nav-tabs>li.active>a{
    background: #003865;
    color: #ffffff !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-family: 'BiNeoIndustrial-Bold';
}
.results-container{
    border: 2px solid #003865;
    margin-top: 30px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;   
}
.results-title{
    color: #8C8C8C;
    padding: 0.5em 0 0 1.5em;
}
.results-title-dark{
    color: #fff;
    padding: 0.3em 0 0.3em 1.5em;
    background-color: #003865;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 12px;
}
.results-content{
    font-family: 'BiNeoIndustrial-Bold';
    font-size: 22px;
    color: #00C1D4;
    text-align: center;
    padding: 10px 0px 25px 0px;
}
.dark-results-default-spacer{
    height: 15px;
}
.info-calculators-section{
    margin-top: 3em;
}
.date-field {
    background-image: url(https://www.corporacionbi.com/gt/mt/wp-content/uploads/2023/10/arrow-down.png), url(https://www.corporacionbi.com/gt/mt/wp-content/uploads/2023/10/date-icon.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 0.8em auto, 2em auto;
    background-position: right 1em center, left 1em center;
    height: 3.42em;
    /*padding-left: 3.5em;*/
}

/* --------------------------------- */
/* Menú de calculadoras */
/* --------------------------------- */

.blockTitle {
	background-color: #003865;
	height: 4em;
    width: 100%;
    margin-bottom: 0px;
	display: block;
	border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.blockTitle .calculators-title-label{
	position: relative;
}
.blockTitle .calculators-title-label label {
	color: #ffffff !important;
	font-size: 16px;
	position: absolute;
    left: 5em;
	top: -0.2em !important;
}
.blockTitle .mercado-t-calculadora-2{
	display: inline-block !important;
}
.blockTitle .mercado-t-calculadora-2:before{
	color: #ffffff;	
	background: #00C1D4;
	border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    position: absolute;
    top: 0;
    left: 15px;
	font-size: 45px;
	width: 65px;
    min-width: 65px;
    max-width: 65px;
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	padding-left: 10px;
    padding-top: 7.5px;
}
.menu {
    display: flex;
    flex-direction: column;
    background: #EBEBEB;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 10px 20px;
}
.menu-item {
    margin-bottom: 5px;
    margin-top: 5px;
}
.menu-item a span{
	font-family: 'BiNeoIndustrial-Regular';
	font-size: 14px;
}
.divider {
	border-bottom: 1px solid #8D8D8D;
    margin: 8px 0;
}

#calculators_menu{
	background-color: #EBEBEB;
	padding: 10px 20px;
}
#calculators_menu a{
	display: block;
	min-height: 45px;
    border-bottom: 1px solid #333;
    font-size: 16px;
	padding-top: 5px;
}

#calculators_menu a:last-child {
	border-bottom: none;
}
´
.label-calculadoras{
	color: #ffffff !important;
	font-size: 16px;
	padding-left: 80px;
	padding-top: 30px !important;
	font-family: 'BiNeoIndustrial-Regular' !important;
}
/*-----*/
.mega-menu-item a.mega-menu-link{
	font-family: "BiNeoIndustrial-Regular" !important;	
}

.logo-footer-size img{
	max-width: 75% !important;
}

.calculadora_activa{
	color: #47c9e5 !important;
}

.search-results div.post-meta .post-meta-author,
.search-results div.post-meta .post-meta-date,
.search-results .sh-titlebar{
    display: none;
}

.display-none-calc{
    display: none;
}

.blockTitle label.label-calculadoras{
	color: #fff !important;
    padding-left: 100px;
    padding-top: 30px;
    font-size: 18px !important;
    font-family: 'BiNeoIndustrial-Regular'!important;
}
#calculators_menu a span{
	font-family: 'BiNeoIndustrial-Regular'!important;
}
.info-calculators-section{
	font-family: 'BiNeoIndustrial-Regular'!important;
}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link:focus {
    background: rgba(255, 255, 255, 0);
	color: #00c1d4 !important;
  }

@media screen and (max-width:1024px) {
	.mobile-padding-fix-1 .vc_column-inner{
		padding-left: 0;
		margin-bottom: 20px;
		padding-right: 0 !important;
	}
	
	.mobile-padding-fix-2 .vc_column-inner{
		padding: 0 !important;
		margin-bottom: 20px;
	}
	
	.mobile-padding-fix-3 .vc_column-inner{
		padding: 0;
	}
	
}