/*
Theme Name: Sierra Child
Theme URI: https://sierra.keydesign.xyz/
Description: SaaS & Tech Startup Elementor WordPress Theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: sierra
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: sierra-child
*/

/* BTC Calculator */

.investicni-kalkulacka label {
	display: block;
	margin-bottom: 8px;
	color: #fff;
}

.investicni-kalkulacka input {
	display: block;
	margin-bottom: 24px;
	border: none;
	background-color: rgba(255,255,255,.75);
}

.investicni-kalkulacka input#dobaInvestice {
	display: inline-block;
	width: 100%;
	margin-right: 12px;
}

input#dobaInvestice {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    background: linear-gradient(to right, 24px 50%, rgba(255,255,255,.75) 50%);
    border-radius: 5px;
    outline: none;
    transition: background 0.2s ease-in-out;
}

input#dobaInvestice::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    background: var( --e-global-color-primary );
    cursor: pointer;
    border-radius: 50%;
}

input#dobaInvestice::-moz-range-thumb {
    width: 24px;
    height: 24px;
    background: var( --e-global-color-primary );
    cursor: pointer;
    border-radius: 50%;
}

input#dobaInvestice::-ms-thumb {
    width: 24px;
    height: 24px;
    background: var( --e-global-color-primary );
    cursor: pointer;
    border-radius: 50%;
}

span#dobaInvesticeText {
	display: inline-block;
	position: relative;
	top: -3px;
	color: #fff;
	font-size: 24px;
	color:#30E87A;
}

.dobaInvestice-align {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.investicni-kalkulacka button,
.investicni-kalkulacka input[type="submit"] {
	display: block;
	margin-top: 16px;
	width: 100%;
	transition: .3s;
	color: var( --e-global-color-text ) !important;
	cursor: pointer;
} 

.investicni-kalkulacka button:hover,
.investicni-kalkulacka input[type="submit"]:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--color-white) !important;
}

.investicni-vysledky,
.investicni-vysledky #cf7-container {
	margin-top: 36px;
}

.investicni-vysledky p,
.investicni-vysledky p strong,
.investicni-vysledky h4,
.investicni-vysledky h5 {
	color: #fff !important;
}

.text-center {
	text-align: center;
}

.investicni-vysledky p {
	margin-bottom: 0;
}

.investicni-vysledky p:nth-of-type(4),
.investicni-vysledky input.hidden {
	display: none;
}

.investicni-vysledky .wpcf7-acceptance label {
	display: flex;
	align-items: center;
	gap: 12px;
}

.investicni-vysledky .wpcf7-acceptance .wpcf7-list-item {
	margin: 0 !important;
}

.investicni-vysledky .wpcf7-acceptance label span {
	position: relative;
	top: -6px;
}

.investicni-vysledky .wpcf7-response-output {
	margin-top: 0;
}

.investicni-vysledky .wpcf7-response-output {
	border-color: var(--e-global-color-primary);
}

article.article-single .author-box-wrapper,
article.article-single .post-share,
article.post .author,
article.post .comment-count {
	display: none;
}

.investicni-vysledky .wpcf7-not-valid-tip {
	margin-top: -16px;
	color: red;
	font-size: 14px;
	font-size: 500;
}

.investicni-vysledky input {
	margin-top: 6px;
}

.investicni-vysledky input[type="checkbox"] {
	position: relative;
	top: 3px;
	transform: scale(1.5);
}

@media (max-width: 767px) {
	.investicni-vysledky input[type="checkbox"] {
		margin-right: 8px;
	}
}

.vysledky-wrap {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 8px;
}

.vysledky-wrap > div {
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 8px;
    padding: 24px;
    background: rgba(255,255,255,.1);
    border-radius: 16px;
    color: white;
}

.vysledky-wrap > div:nth-of-type(3) {
    grid-column: span 2;
}

.vysledky-wrap > div span {
	color: var( --e-global-color-primary );
	font-size: 24px;
	font-weight: 700;
}

.vysledky-wrap > div .text-white {
	color: #fff;
	opacity: .75;
}

.number-wrapper {
	position: relative;
}

.number-wrapper input {
	padding-right: 50px;
}

.number-wrapper span {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	color: #000;
}

span#dobaInvesticeText {
	display: inline-block;
	position: relative;
	top: -3px;
	color: #fff;
	font-size: 24px;
	color:#30E87A;
}

.dobaInvestice-align {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.investicni-kalkulacka button,
.investicni-kalkulacka input[type="submit"] {
	display: block;
	margin-top: 16px;
	width: 100%;
	transition: .3s;
	color: var( --e-global-color-text ) !important;
	cursor: pointer;
} 

.investicni-kalkulacka button:hover,
.investicni-kalkulacka input[type="submit"]:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: var(--color-white) !important;
}

.investicni-vysledky,
.investicni-vysledky #cf7-container {
	margin-top: 36px;
}

.investicni-vysledky p,
.investicni-vysledky p strong,
.investicni-vysledky h4,
.investicni-vysledky h5 {
	color: #fff !important;
}

.text-center {
	text-align: center;
}

.investicni-vysledky p {
	margin-bottom: 0;
}

.investicni-vysledky p:nth-of-type(4),
.investicni-vysledky input.hidden {
	display: none;
}

.investicni-vysledky .wpcf7-acceptance label {
	display: flex;
	align-items: center;
	gap: 12px;
}

.investicni-vysledky .wpcf7-acceptance .wpcf7-list-item {
	margin: 0 !important;
}

.investicni-vysledky .wpcf7-acceptance label span {
	position: relative;
	top: -6px;
}

.investicni-vysledky .wpcf7-response-output {
	margin-top: 0;
}

.investicni-vysledky .wpcf7-response-output {
	border-color: var(--e-global-color-primary);
}

article.article-single .author-box-wrapper,
article.article-single .post-share,
article.post .author,
article.post .comment-count {
	display: none;
}

.investicni-vysledky .wpcf7-not-valid-tip {
	margin-top: -16px;
	color: red;
	font-size: 14px;
	font-size: 500;
}

.investicni-vysledky input {
	margin-top: 6px;
}

.investicni-vysledky input[type="checkbox"] {
	position: relative;
	top: 3px;
	transform: scale(1.5);
}

@media (max-width: 767px) {
	.investicni-vysledky input[type="checkbox"] {
		margin-right: 8px;
	}
}

.vysledky-wrap {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 8px;
}

.vysledky-wrap > div {
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 8px;
    padding: 24px;
    background: rgba(255,255,255,.1);
    border-radius: 16px;
    color: white;
}

.vysledky-wrap > div:nth-of-type(3) {
    grid-column: span 2;
}

.vysledky-wrap > div span {
	color: var( --e-global-color-primary );
	font-size: 24px;
	font-weight: 700;
}

.vysledky-wrap > div .text-white {
	color: #fff;
	opacity: .75;
}

.number-wrapper {
	position: relative;
}

.number-wrapper input {
	padding-right: 50px;
}

.number-wrapper span {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	color: #000;
}