/*
Theme Name: Bridge
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Bridge Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 11.0
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/


.page-id-370 #mobileCalculator h3 {
    margin-top: 40px;
    text-align: center;
}

.page-id-370 h3 {
    margin-top: 40px;
}

.page-id-370 table input[type="text"] {
    width: 100%;
}

.page-id-370 table input[type="text"]:first-child {
    width: 130px;
}

.calculatorSequence {
    display: none;
}

.calculatorSequence.show {
    display: block;
    width: 100%;
    text-align: center;
}

.calculatorSequence > div {
    width: 100%;
    margin-bottom: 15px;
}

.calculatorButton {
    width: 100%;
    text-align: center;
    margin: 15px 0;
}

.calculatorButton .select {
    background: #555;
    color: #fff;
}

.calculatorButton > span {
    font-weight: bold;
    padding: 10px 15px;
    background: #ccc;
    font-size: 1.5em;
    border-radius: 5px;
    cursor: pointer;
}

.calculatorSequence input, .calculatorSequence select {
    box-sizing: border-box;
    padding: 10px;
    width: 200px;
    text-align: left;
}

#total_gen_size {
    padding: 10px;
    margin: 10px auto;
    display: block;
    box-sizing: border-box;
    width: 200px
}

#page-id-370 h3 {
    text-align: center;
}

p.conversionInfo {
    padding: 0 20px;
    margin-bottom: 20px;
    text-align: center;
}

#convertValue {
    border: 0;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#desktopVersion {
    display: block;
}

#mobileCalculator {
    display: none;
}

.btn-calculate {
    background: #ed5d14;
    color: white;
    padding: 5px 15px;
    border: 0;
    border-radius: 5px;
}

.btn-calculate:hover {
    background: #ff5600;
}

input.result, #desktopVersion #total_gen_size, #total_gen_size {
    border: #ff5600 1px solid;
    width: 130px;
    background: floralwhite;
    padding: 0;
}

.page-id-370 .wrapper_inner {
    overflow: auto;
}

@media screen and (max-width: 1210px) {
    #mobileCalculator {
        display: block;
    }
    #desktopVersion {
        display: none;
    }
}