/**
 * styles for SB-Side-Info module
 */

.side-info {
    /*font-size: 1.8rem;*/
    --fntsize-side-info-title:2rem;
}
.side-info>.inner {
    background-color: #fff;
}
.side-info .widgetlist {
    padding-top: 50px;
}
.side-info .wbody > ul a:hover,
.side-info .wbody > ul a:focus{
    color:var(--color-link-hover);
}

.side-info .wtitle {
    font-size: var(--fntsize-side-info-title);
    font-family: var(--fntfamily-title);
    text-transform: uppercase;
}

.side-info .close{
    font-size: 25px;
    position: absolute;
    top: 12px;
    right: 20px;

    background-color: transparent;
    border: none;
    padding:0;
}

.side-info .description {
    font-family: var(--fntfamily-title);
    font-weight: 600;
}
@media (min-width: 992px) {
    .side-info {
        --fntsize-side-info-title:2.5rem;
    }
    .side-info>.inner {
        width:500px;
        padding-left: 50px;
    }
    .side-info .description {
        font-size: 2rem;
    }
}
@media (max-width: 991px) {
    .side-info>.inner {
        width:50%;
    }
}
@media (max-width: 600px) {
    .side-info>.inner {
        width:100%;
    }
}

/**
 * #nav-mobile
 */
#nav-mobile .inner {
    width:100%;
    padding-left: 15px;
}
#nav-mobile .widgetlist {
    padding-top: 15px;
    max-width: var(--width-container);
    margin: auto;
}
#nav-mobile .widgetlist:after{
    content: '';
    display: table;
    clear: both;
}
#nav-mobile .widget:nth-child(2) {
    font-family: var(--fntfamily-title);
    font-size: var(--fntsize-side-info-title);
    font-weight: var(--fntweight-title);
    text-transform: uppercase;
}
@media (min-width: 992px) {
    #nav-mobile .close {
        top: 25px;
        right: 40px;
    }

    #nav-mobile .widgetlist {
        /*height: 100%;*/
        padding-bottom: 0;
    }
    #nav-mobile .widget:nth-child(1) img {
        max-width: 360px;
    }
    #nav-mobile .widget:nth-child(1) {
        /*margin-bottom: calc(var(--mrgnbottom-widget) * 2);*/
    }
    #nav-mobile .widget {
        padding: 0 var(--padding-col-unit);
    }
    #nav-mobile .widget:nth-child(2),
    #nav-mobile .widget:nth-child(3) {
        float: left;
        width: 33.333%;
        /* height first widget + mrgbotton first widget */
        height: calc(100% - 65px - (var(--mrgnbottom-widget) * 2) - 30px);
        padding-bottom: 65px;
    }
    #nav-mobile .widget:nth-child(n + 4) {
        float: right;
        width: 33.333%;
    }

    #nav-mobile .widget:nth-child(2) .wbody,
    #nav-mobile .widget:nth-child(2) .wtitle,
    #nav-mobile .widget:nth-child(n + 4) .wbody,
    #nav-mobile .widget:nth-child(n + 4) .wtitle {
        max-width: 250px;
        margin-left:auto;
        margin-right:auto;
    }
    #nav-mobile .widget_nav_menu li {
        line-height: 1.1;
        margin-bottom: 1.5em;
    }
}

@media (min-width: 1200px) {
    #nav-mobile .close {
        top: 25px;
        right: calc((100vw - var(--width-container)) / 2 + 30px);
    }
}

@media (max-width: 991px) {
    #nav-mobile {
        font-size: 1.6rem;
    }
    #nav-mobile .widgetlist {
        display: flex;
        flex-direction: column;
        padding-top: 0;
    }
    #nav-mobile .widget {
        order: 5;
    }
    #nav-mobile .widget:nth-child(1) {
        order:1;
    }
    #nav-mobile .widget:nth-child(3) {
        order:2;
    }

    #nav-mobile .footer-link img{
        max-width: 150px;
    }
    #nav-mobile .widget:nth-child(2),
    #nav-mobile .widget:nth-child(3) {
        padding-bottom: var(--mrgnbottom-widget);
        border-bottom:1px solid var(--color-underemphasize);
    }
}

/**
 * #product-calculator
 */
#product-calculator {}
#product-calculator a {
    text-decoration: none;
}


/**
 * #request-callback
 */
#request-callback {
    --mrgnbottom-widget: var(--padding-col-unit);
    --margin-form:0
}
#request-callback .caldera-grid .form-group {
    margin-left: 0;
}
#request-callback .caldera-grid form {
    padding: 0;
}