/*
 *
 * Here are a few needed CSS additions to integrate bootstrap truly into WordPress,
 * We kept this slim as possible. Try to avoid any overwriting if not really needed.
 */


/* First fixing the dropdown menu.
 * Most stuff is handled by the walker, but some styles need to be added too.
 * Here we are removing the ">" from the original bootstrap styles, so it works for 2nd and 3rd level dropdown too..
 * (actually not cool to use more than 1 level dropdown, but if YOU or your users want to do this, it won't break the layout now ;)  */
.dropdown-menu li a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333;
	white-space: nowrap;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #357ebd;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
	background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
	background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
	background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}
.dropdown-menu ul { list-style: none; }

/* Some modified padding for the bootstrap container.
 * Now you can make many styles of design easily.
 * Try with giving the .container class just a background colour and have a look. ;)
 */
.container { padding: 0 15px 15px 15px; }
.site-calculator {
    display: none;
}
.header-button-anova .site-calculator {
    position: absolute;
    top: calc(100% - 40px);
    z-index: 9;
    border-radius: 5px;
    display: none;
    padding-top: 30px;
    text-align: left;
}
.header-button-anova .site-calculator .site-navigation {
    padding: 20px;
    background: #fff;
    position: relative;
}
.header-button-anova .site-calculator .site-navigation:before {
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: #fff;
    position: absolute;
    right: 150px;
    top: -17px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.site-calculator li a {
    color: #0a456b;
    display: block;
    margin-right: 0;
    font-size:20px;
}
ul#calculator-menu {
    padding: 0;
}
.result {
    font-size: 35px;
    border: 2px solid #0a456b;
    padding: 10px;
    width: 100%;
    text-align: center;
    margin: 25px 0;
    border-radius: 2px;
    background: #0a456b;
    color: #fff;
    display:none;
}
.calculation-section{
    direction:ltr;    
}
.calculation-section .modal{
    direction:rtl;    
}
.calculation-section label{
    font-size:30px
}