/*CALCULATOR AND INDEX PAGE*/


/*left from calc h4, text in calculator*/
.custom-h4, .calc-icon-right {
    color: var(--main-h4-color);
}

#sitcalc, #leftsitcalc
{
    background: var(--home-block-bg);
    padding:2%;
    margin-bottom:2%;
    text-align:justify;
}

/* calculator buttons hover*/
.shortcode_button.btn_type10:hover {
    background-color:var(--calc-slider-bg);
}


.halfleft1 a
{
    text-decoration: underline;
}


/* icons, pictures in calculator */
.calc-icon, .calc-icon-right {
    display:table-cell;
}

.calc-icon img {
    height:105px;
}

.calc-icon-right {
    vertical-align:bottom;
    font-size:18px;
    font-weight:bold;
    padding-left:30px;
}

.calc-container {
    position:relative;
}

.calc-powered {
    position:absolute;
    right:20px;
    top:5px;
}


/* squize the letters */
#leftsitcalc h4, #sitcalc h4
{
    letter-spacing: -1px;
}

#leftsitcalc ul {
    list-style-type:disc;
    margin-left:55px;
    margin-top:10px;
}

#leftsitcalc ol {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
}

.home-list {
    margin-left:40px;
    margin-bottom:10px;
}

.left-list, .right-list {
    float:left;
    width:30%;
}

/* calculator form */
.sitting_form {
    padding-top:15px;
}

.input-select
{
    width:23%;
}

.vslider {
    margin-left: 3%;
    background-color: var(--calc-slider-bg);
    width: 70%;
    padding:0;
    height:8px;
}


#sitcalc input[type="range"]{
    -webkit-appearance: none;
    -moz-apperance: none;
    border-radius: 6px;
}


#sitcalc input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background-color: #d3d3d3;
    border: 1px solid #3d3d3d;
    height: 15px;
    width: 15px;
}


/* styles of two buttons in calc section*/
#calculate, #clearselection {
    margin:3% 2% 0 0%;
}

#calculate {
    float:right;
}

#clearselection
{
    float: left;
}

#resultcalc {
    padding-top: 3%;
    font-size: 1.6em;
    display: none;
}



/* on homepage prevent default hover behavior */
#homemaincont .shortcode_iconbox:hover {
    cursor: pointer;
}

#homemaincont .featured_slider .item:hover .post_type {
    opacity:0;
}


/* additional slider homepage */
#gbs-slideshow {
    position: relative;
    margin-bottom:150px;
}

#gbs-slideshow > div {
    position: absolute;
    top: 10px;
    bottom: 10px;
}



@media only screen and (min-width: 760px) {

    /* to fit in one line on homepage*/
    .shortcode_iconbox h4 {
        letter-spacing: -1px;
    }

    #sitcalc, #leftsitcalc
    {
        min-height:420px;
    }
}

/* FOR SMALL/MOBILE WIDTHS ONLY */
@media only screen and (max-width: 759px) {

    #leftsitcalc ul {
        margin:10px
    }

    .home-list {
        margin:0 0 20px 0;
    }

    .left-list, .right-list {
        width:50%;
    }
}