/*
Theme Name: Atipus (Rehabilitación energética)
Author: the Atipus team
Author URI: https://www.atipus.com/
Description: Financiación a la rehabilitación energética de viviendas y locales.
Version: 1.0
Text Domain: atipus_rehabilitacion
*/

.lato {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

html,
body {
    height: 100%;
}

ol,
ul {
    padding-left: 19px;
}

header,
footer {
    font-size: .875rem;
    line-height: 1.5;
    z-index: 9090;
}

button:focus {
    outline: none !important;
}

header,
.fill-header-space {
    height: 60px;
}

.fill-navbar-space {
    display: none;
    height: 46px;
}

.navbar {
    min-height: 46px;
    padding-bottom: 0;
    padding-top: 0;
    /*top: 60px;*/
    z-index: 3030;
}

.color-apple .fill-navbar-space,
.color-turbo .fill-navbar-space,
.color-sun .fill-navbar-space,
.color-ecstasy .fill-navbar-space {
    height: 69px;
}

.logo-madrid {
    height: 27px;
    width: auto;
}

.main-navigation {
    font-family: 'BananaGrotesk-Regular', sans-serif;
    margin-top: 91px;
    z-index: 2090;
}

.main-navigation .active {
    color: #ffffff !important;
}

.main-navigation .h3,
.accordion .h3,
.accordion .h3 .btn {
    letter-spacing: -.56pt;
    line-height: 1.428571428571429;
}

.accordion .h3 .btn {
    font-size: inherit !important;
}

#link-to-home {
    bottom: 91px;
    line-height: 20px;
}

#the-arrows {
    left: 0;
    right: 0;
    top: 60px;
    bottom: 60px;
    height: calc(100vh - 60px - 60px);
    overflow-y: hidden;
}

.arrow-container {
    transform: translateY(100%);
    transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: 0.85s;
    width: 100%;
    height: auto;
    /*top: 0;*/
    bottom: -60px;
    z-index: -1;
}
/*#the-arrows:hover .arrow-container {*/
.arrow-container.on {
    transition: 0.35s;
    /*transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);*/
}

#green-haze-arrow-container.arrow-container.on,
#ecstasy-arrow-container.arrow-container.on {
    /*transform: translateY(20px);*/
    bottom: calc(100% - 2.222222222222222%);
}

#apple-arrow-container.arrow-container.on,
#sun-arrow-container.arrow-container.on {
    /*transform: translateY(320px);*/
    bottom: calc(100% - 35.555555555555556%);
}

#atlantis-arrow-container.arrow-container.on {
    /*transform: translateY(155px);*/
    bottom: calc(100% - 17.222222222222222%);
}

#turbo-arrow-container.arrow-container.on,
#crimson-arrow-container.arrow-container.on {
    /*transform: translateY(500px);*/
    bottom: calc(100% - 55.555555555555556%);
}

.arrow-container.up {
    transition: 1s;
    /*transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);*/
}

.arrow-container.out {
    transition: 0.80s;
    /*transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);*/
}

#green-haze-arrow-container.arrow-container.up,
#ecstasy-arrow-container.arrow-container.up {
    /*transform: translateY(calc((15% + 20px) * -1));
    bottom: 150%;*/
}

#apple-arrow-container.arrow-container.up,
#sun-arrow-container.arrow-container.up {
    /*transform: translateY(calc((15% + 20px) * -1));
    bottom: 150%;*/
}

#atlantis-arrow-container.arrow-container.up {
    /*transform: translateY(calc((15% + 155px) * -1));
    bottom: 150%;*/
}

#turbo-arrow-container.arrow-container.up,
#crimson-arrow-container.arrow-container.up {
    /*transform: translateY(calc((15% + 500px) * -1));
    bottom: 500%;*/
}

#green-haze-arrow-container.arrow-container.out,
#apple-arrow-container.arrow-container.out,
#atlantis-arrow-container.arrow-container.out,
#turbo-arrow-container.arrow-container.out,
#sun-arrow-container.arrow-container.out,
#ecstasy-arrow-container.arrow-container.out,
#crimson-arrow-container.arrow-container.out {
    /*transform: translateY(-100%);*/
    /*bottom: 200%;*/
}

.navbar-collapse {
    max-height: 100%;
}

.navbar-collapse .navbar-nav {
    height: calc(100vh - 46px - 60px);
}

.navbar.fixed-top .navbar-collapse .navbar-nav {
    height: calc(100vh - 46px);
}

.color-apple .navbar-collapse .navbar-nav,
.color-turbo .navbar-collapse .navbar-nav,
.color-sun .navbar-collapse .navbar-nav,
.color-ecstasy .navbar-collapse .navbar-nav {
    height: calc(100vh - 69px - 60px);
}

.color-apple .navbar.fixed-top .navbar-collapse .navbar-nav,
.color-turbo .navbar.fixed-top .navbar-collapse .navbar-nav,
.color-sun .navbar.fixed-top .navbar-collapse .navbar-nav,
.color-ecstasy .navbar.fixed-top .navbar-collapse .navbar-nav {
    height: calc(100vh - 69px);
}

.navbar-brand {
    line-height: 1.045454545454545;
    max-width: 70%;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-top: 12px;
    margin-bottom: 11px;
    white-space: unset;
}

.entry-content p:last-of-type {
    margin-bottom: 0;
}

.navbar-nav .nav-link {
    font-size: 1.125rem;
}

.navbar-nav .nav-link-home {
    font-size: 1rem;
    line-height: 20px;
    margin-bottom: 10px;
}

.nav-link {
    padding: .25rem 0;
}

b, strong {
    letter-spacing: 0.3pt;
}

body.warning>main a:hover {
    color: #F1D403;
}

body.warning>main a {
    color: #F1D403;
}

body.party>main a:hover {
    color: #F8AB18;
}

body.party>main a {
    color: #F8AB18;
}

body.warning>main .accordion .card-header button::after {
    content:url("data:image/svg+xml,%3Csvg viewBox='0 0 22 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon fill='%23F1D403' points='12.1,20 10,20 10,3.7 1.3,11.5 0,9.9 11.1,0 22,9.9 20.7,11.5 12.1,3.7 '/%3e%3c/svg%3e");
}

body.party>main .accordion .card-header button::after {
    content:url("data:image/svg+xml,%3Csvg viewBox='0 0 22 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon fill='%23F8AB18' points='12.1,20 10,20 10,3.7 1.3,11.5 0,9.9 11.1,0 22,9.9 20.7,11.5 12.1,3.7 '/%3e%3c/svg%3e");
}

body>main .accordion .card-header button::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

body>main .accordion .card-header button.collapsed::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

body.home .navbar-light .navbar-toggler-icon {
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%231C1D1B' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.btn {
    text-align: left;
}

.text-gray {
    color: #CCCCCC !important;
}

.hamburger {
    /*left: 11px;
    position: absolute;
    top: 26px;*/
    height: 28px;
    outline: none;
    padding: 4px;
    margin-top: 9px;
}

.hamburger:focus {
    outline: none;
}

.hamburger:hover {
    opacity: 1;
}

.hamburger-box {
    width: 24px;
    height: 18px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 24px;
    height: 2px;
    border-radius: 0;
    background-color: #FFFFFF;
}

.home .hamburger-inner,
.home .hamburger-inner:after,
.home .hamburger-inner:before {
    background-color: #1c1d1b;
}

.hamburger-inner {
    margin-top: -1px;
}

.hamburger-inner:before {
    top: -8px;
}

.hamburger-inner:after {
    bottom: -8px;
}



/*Small devices (portrait phones, 360px and up)*/
@media (min-width: 360px) {
    .navbar-nav .nav-link {
        font-size: 1.25rem;
    }

    .navbar-nav .nav-link-home {
        font-size: 1rem;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .navbar-nav .nav-link {
        font-size: 1.375rem;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    /*header,*/
    footer/*,
    .fill-header-space*/ {
        height: 60px;
    }

    .h3, h3 {
        font-size: 1.35rem;
    }

    .logo-madrid {
        height: 25px;
    }

    .content-home {
        height: calc(100vh - 120px);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 100% auto;
    }

    .fixed-md-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
    }

    .fixed-md-top {
        position: fixed;
        right: 0;
        top: 0;
        left: 0;
        z-index: 1030;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .h3, h3 {
        font-size: 1.65rem;
    }

    .arrow-container {
        transition: 0.55s;
    }

    .arrow-container.up {
        transition: 0.30s;
    }

    .arrow-container.out {
        transition: 0.50s;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/*Extra extra large devices (large desktops, 1500px and up)*/
@media (min-width: 1500px) {

}






/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    .arrow-container {
        transition: 0.80s;
    }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .arrow-container {
        transition: 0.80s;
    }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1112px)
and (max-device-width: 1112px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .arrow-container {
        transition: 0.80s;
    }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .arrow-container {
        transition: 0.80s;
    }
}

/* ----------- Galaxy Tab 2 ----------- */

/* Landscape */
@media
(max-device-width: 1280px)
and (orientation: landscape) {
    .arrow-container {
        transition: 0.80s;
    }
}

/* ----------- Galaxy Tab S ----------- */

/* Landscape */
@media
(max-device-width: 1280px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .arrow-container {
        transition: 0.80s;
    }
}

/* ----------- Nexus 7 ----------- */

/* Landscape */
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332)
and (orientation: landscape) {
    .arrow-container {
        transition: 0.80s;
    }
}

/* ----------- Nexus 9 ----------- */

/* Landscape */
@media screen
and (device-width: 1536px)
and (device-height: 2048px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332)
and (orientation: landscape) {
    .arrow-container {
        transition: 0.80s;
    }
}

/* ----------- Kindle Fire HD 7" ----------- */

/* Landscape */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {
    .arrow-container {
        transition: 0.80s;
    }
}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Landscape */
@media only screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {
    .arrow-container {
        transition: 0.80s;
    }
}