/**
 * @file
 * GRanmat general styling.
 */

@import url(https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap);
body {
    font-family: Barlow;
}

.display-1 {
    font-family: 'Barlow', sans-serif;
    font-size: 4.8rem;
    letter-spacing: -1px;
}

.display-1>.mbr-iconfont {
    font-size: 7.68rem;
}

.display-2 {
    font-family: 'Barlow', sans-serif;
    font-size: 2.6rem;
}

.display-2>.mbr-iconfont {
    font-size: 4.16rem;
}

.display-4 {
    font-family: 'Barlow', sans-serif;
    font-size: 0.9rem;
}

.display-4>.mbr-iconfont {
    font-size: 1.44rem;
}

.display-5 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.4rem;
    letter-spacing: -1px;
    line-height: 1.5;
}

.display-5>.mbr-iconfont {
    font-size: 2.24rem;
}

.display-7 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.1rem;
    line-height: 1.4;
}

.display-7>.mbr-iconfont {
    font-size: 1.76rem;
}


/* ---- Fluid typography for mobile devices ---- */


/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */


/* 100vw - current viewport width */


/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */


/* 0.65 - min scale variable, may vary */

@media (max-width: 768px) {
    .display-1 {
        font-size: 3.84rem;
        font-size: calc( 2.33rem + (4.8 - 2.33) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (2.33rem + (4.8 - 2.33) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-2 {
        font-size: 2.08rem;
        font-size: calc( 1.56rem + (2.6 - 1.56) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.56rem + (2.6 - 1.56) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-4 {
        font-size: 0.72rem;
        font-size: calc( 0.965rem + (0.9 - 0.965) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (0.965rem + (0.9 - 0.965) * ((100vw - 20rem) / (48 - 20))));
    }
    .display-5 {
        font-size: 1.12rem;
        font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));
        line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));
    }
}


/* Buttons */

.btn {
    padding: 1.5rem 2rem;
    border-radius: 3px;
}

.btn-sm {
    padding: 0.6rem 1.5rem;
    border-radius: 3px;
}

.btn-md {
    padding: 1rem 3rem;
    border-radius: 3px;
}

.btn-lg {
    padding: 1.2rem 3.2rem;
    border-radius: 3px;
}

.btn-secondary,
.btn-secondary:active {
    background-color: #002f7d !important;
    border-color: #002f7d !important;
    color: #ffffff !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
    color: #ffffff !important;
    background-color: #004cca !important;
    border-color: #004cca !important;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #ffffff !important;
    background-color: #004cca !important;
    border-color: #004cca !important;
}

.btn-danger,
.btn-danger:active {
    background-color: #b1a374 !important;
    border-color: #b1a374 !important;
    color: #ffffff !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
    color: #ffffff !important;
    background-color: #ccc3a5 !important;
    border-color: #ccc3a5 !important;
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #ffffff !important;
    background-color: #ccc3a5 !important;
    border-color: #ccc3a5 !important;
}

.btn-white-outline,
.btn-white-outline:active,
.btn-white-outline.active {
    background: none;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus {
    color: #333333;
    background-color: #ffffff;
    border-color: #ffffff;
}

.text-white {
    color: #ffffff !important;
}

a.text-white:hover,
a.text-white:focus {
    color: #ffffff !important;
}

.alert-success {
    background-color: #70c770;
}

.alert-danger {
    background-color: #b1a374;
}

.mbr-section-btn a.btn:not(.btn-form):hover,
.mbr-section-btn a.btn:not(.btn-form):focus {
    box-shadow: none !important;
}

a,
a:hover {
    color: #149dcc;
}

.form-control {
    font-family: 'Barlow', sans-serif;
    font-size: 1.1rem;
    line-height: 1.4;
}

.form-control>.mbr-iconfont {
    font-size: 1.76rem;
}

blockquote {
    border-color: #149dcc;
}


/* Forms */

.mbr-form .btn {
    margin: .4rem 0;
}

.jq-selectbox li:hover,
.jq-selectbox li.selected {
    background-color: #149dcc;
    color: #ffffff;
}

.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
    transition: 0.4s;
    border-top-color: currentColor;
    border-bottom-color: currentColor;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
    border-top-color: #149dcc;
    border-bottom-color: #149dcc;
}


/*páginas interiores generales*/

.page-node-type-tax-config-secciones .cid-sotvDXs7kA .navbar,
.page-node-type-tc-promocion .cid-sotvDXs7kA .navbar,
.page-node-type-tc-clientes .cid-sotvDXs7kA .navbar,
.page-node-type-tc-proyecto .cid-sotvDXs7kA .navbar,
.page-node-type-tc-nosotros .cid-sotvDXs7kA .navbar,
.page-node-type-tc-datos-generales .cid-sotvDXs7kA .navbar,
.page-node-type-tc-banner .cid-sotvDXs7kA .navbar {
    background: #002f7d;
}

.page-node-type-tax-config-secciones main,
.page-node-type-tc-promocion main,
.page-node-type-tc-clientes main,
.page-node-type-tc-proyecto main,
.page-node-type-tc-nosotros main,
.page-node-type-tc-datos-generales main,
.page-node-type-tc-banner main {
    padding-top: 105px;
    padding-bottom: 3rem;
}