/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* General */

#TB_window {
	margin-top: 0 !important;
	margin-left: auto !important;
	max-width: calc(100vw - 20px);
	transform: translate(-50%, -50%) !important;
}

#TB_ajaxContent {
	width: calc(100% - 30px) !important;
	overflow-x: hidden !important;
}

#TB_window .tb-close-icon:before {
	content: "\f00d";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
}

header.header-bar .branding img {
	height: 47px;
}

header .mini-widgets > div,
.mobile-header-bar .mobile-mini-widgets > div,
.masthead.masthead-mobile .top-bar .mini-widgets > div {
	margin: 0 5px 0 0 !important;
}

.masthead.masthead-mobile .top-bar .mini-widgets > div > a {
	display: inline-block;
}

header .mini-widgets .mini-login i {
	margin-top: -5px;
}

.mobile-header-bar .mobile-branding img {
	height: 36px;
}

.ks-navi-username {
	text-transform: uppercase;
}
.ks-navi-username:before {
	content: "|";
	position: relative;
	top: -1px;
	display: inline-block;
	margin-right: 5px;
}

#main {
	min-height: calc(100vh - 216px);
}

.standard-arrow ul a {
	text-decoration: none;
}

.standard-arrow ul a:hover,
.standard-arrow ul a:focus,
.standard-arrow ul a:active {
	color: #000;
}

.vc_tta-container .vc_tta-tabs-container ul {
	display: flex !important;
	margin: 0 auto 10px !important;
	width: 100%;
	max-width: 1400px;
	border-bottom: 1px solid #dfdfdf;
}

.vc_tta-container .vc_tta-tabs-container li {
	position: relative;
	margin-left: 0 !important;
	background-color: #fafafa;
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

.vc_tta-container .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-heading {
	position: relative;
	background-color: #f2f2f1 !important;
	border: 1px solid rgba(51, 51, 51, 0.11) !important;
}

.vc_tta-container .vc_tta-tabs-container li:first-of-type {
	border-left: 1px solid #dfdfdf;
}

.vc_tta-container .vc_tta-tabs-container li:hover,
.vc_tta-container .vc_tta-tabs-container li.vc_active,
.vc_tta-container .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-heading {
	background-color: #fff !important;
}

.vc_tta-container .vc_tta-tabs-container li:hover:before,
.vc_tta-container .vc_tta-tabs-container li.vc_active:before,
.vc_tta-container .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-heading:before {
	content: "";
	position: absolute;
	top: -2px;
	width: 100%;
	height: 2px;
	background-color: #c1001f;
}

.vc_tta-container .vc_tta-tabs-container li:after,
.vc_tta-container .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-heading:after {
	content: "";
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background-color: #dfdfdf;
}

.vc_tta-container .vc_tta-tabs-container li:hover:after,
.vc_tta-container .vc_tta-tabs-container li.vc_active:after {
	background-color: #fff !important;
}

.vc_tta-container .vc_tta-tabs-container li > a {
	padding: 5px 10px !important;
	background-color: transparent !important;
	border: 0 !important;
}

#footer section.widget {
	margin-bottom: 0;
}

#footer section.widget:last-of-type {
	text-align: right;
}

@media only screen and (max-width: 991px){

	#main {
		min-height: calc(100vh - 209px);
	}

}

@media only screen and (max-width: 778px){

	#main {
		min-height: calc(100vh - 255px);
	}

	#footer section.widget,
	#footer section.widget:last-of-type {
		text-align: center;
	}

}

@media only screen and (max-width: 767px){

}

/* Tabs design */

ul.ks-tabs-list {
	display: -webkit-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
	list-style: none;
}

ul.ks-tabs-list li {
	flex: 1 1 auto;
	position: relative;
	margin: 0;
	padding: 5px 10px;
	background-color: #fafafa;
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

ul.ks-tabs-list li:first-of-type {
	border-left: 1px solid #dfdfdf;
}

ul.ks-tabs-list li:hover,
ul.ks-tabs-list li.active {
	background-color: #fff;
	cursor: pointer;
}

ul.ks-tabs-list li:hover:before,
ul.ks-tabs-list li.active:before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #c1001f;
}

ul.ks-tabs-list li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background-color: #dfdfdf;
}

ul.ks-tabs-list li:hover:after,
ul.ks-tabs-list li.active:after {
	background-color: #fff;
}

ul.ks-tabs-list li a {
	display: block;
	padding: 10px;
}

@media only screen and (max-width: 1000px) {

	ul.ks-tabs-list {
		flex-direction: column;
	}

	ul.ks-tabs-list li:not(:first-of-type) a {
		padding-left: 30px;
	}

}

/* Calculator design */

.text-left {
	text-align: left;
	justify-content: flex-start;
}

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

.text-right {
	text-align: right;
	justify-content: flex-end;
}

.text-nowrap {
	white-space: nowrap !important;
}

.ks-row {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}

.ks-row.ks-tabs {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.ks-row.ks-tabs .ks-tab {
	display: none;
}

.ks-row .ks-wrap {
	flex: 0 0 100%;
	max-width: 100%;
}

.ks-row .ks-full {
	flex: 0 1 calc(100% - 5px);
	display: -webkit-flex;
	display: flex;
	align-items: center;
	min-width: calc(100% - 5px);
}

.ks-row .ks-half {
	flex: 0 1 calc(50% - 5px);
	display: -webkit-flex;
	display: flex;
	align-items: center;
	min-width: calc(50% - 5px);
}

.ks-row .ks-full:has(.ks-wrap),
.ks-row .ks-half:has(.ks-wrap) {
	align-items: flex-start;
}

#saveToPDF {
	min-height: 40px;
	margin-bottom: 30px;
}

#saveToPDF .ks-full {
	justify-content: center;
	display: none;
}

#saveToPDF a[disabled] {
	background-color: #f2f2f1 !important;
	border: 1px solid #ccc !important;
	color: #ccc !important;
	pointer-events: none;
	cursor: default;
}

.ks-row hr {
	margin: 15px 0;
	width: 100%;
	border-color: transparent;
	background-color: #f2f2f1;
}

.ks-row input,
.ks-row select,
.ks-row textarea,
.ks-row .input-group {
	margin-bottom: 0 !important;
	width: 50%;
}

.ks-row td input,
.ks-row td select,
.ks-row td textarea {
	width: 100%;
}

.ks-row .input-group {
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.ks-row .input-group input,
.ks-row .input-group select,
.ks-row .input-group textarea {
	flex: 1 1 calc(100% - 65px);
}

.ks-row .input-group span {
	margin-left: 5px;
	min-width: 60px;
	text-align: center;
}

.ks-row input:disabled,
.ks-row input[readonly],
.ks-row select:disabled,
.ks-row select[readonly],
.ks-row textarea:disabled,
.ks-row textarea[readonly] {
	background-color: #f2f2f1;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.ks-row .invalid-data {
	border: 1px solid #f55b5f;
	background-color: rgba(193, 0, 31, 0.07);
}

.ks-row label {
	margin-right: 10px;
	width: calc(50% - 10px);
	text-align: right;
}

.ks-row .ks-table {
	position: relative;
	margin-top: 50px;
	max-width: 100%;
	overflow-x: auto;
}

#heat-loss-calc .ks-row .ks-table {
	margin-top: 30px;
}

#u-number-calc .ks-row .ks-table {
	margin-top: 10px;
}

.ks-row .ks-table.disabled:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 100%;
	background-color: rgba(242,242,241,.7);
}

.ks-row .ks-table .ks-table-info {
	display: none;
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translate(-50%, 0);
	color: #c1001f !important;
}

.ks-row .ks-table.disabled .ks-table-info {
	display: block;
}

#u-number-calc .ks-table tbody tr:hover {
	background-color: #fafafa;
}

.ks-table th {
	width: 100px;
	min-width: 100px;
	text-align: center;
}

#heat-consumption-calc .ks-table th:not(:first-of-type) {
	min-width: 200px;
}

#u-number-calc .ks-table th:first-of-type,
#u-number-calc .ks-table td:first-of-type {
	width: 50%;
	text-align: left;
}

#u-number-calc .ks-table td {
	padding: 2px 10px 2px 5px;
}

#u-number-calc .ks-table td input,
#u-number-calc .ks-table td select,
#u-number-calc .ks-table td textarea {
	padding: 3px 10px;
	line-height: 20px;
	min-height: 0;
}

.ks-table tfoot {
	border-top: 3px solid #dfdfdf;
}

#u-number-calc .ks-table tfoot td:not(.text-left):first-of-type {
	text-align: right;
	font-weight: bold;
}

.ks-row .thickbox {
	margin-left: 5px;
}

.ks-row .dt-regular-icon {
	display: inline-block;
}

.calcmodal {
	display: none;
}

.calcmodal-content img {
	display: block;
	margin: 0 auto 20px;
	max-width: 100%;
}

.calcmodal-content ul {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	gap: 5px;
	margin: 0 10px;
}

.calcmodal-content li strong {
	display: inline-block;
	margin-right: 5px;
	color: #c1001f;
}

.calcmodal-content table th:first-of-type,
.calcmodal-content table td:first-of-type {
	width: 40%;
	text-align: right;
}

#pv-production-calc #chartimage {
	display: none;
}

#pv-production-calc .ks-chart {
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-top: 30px;
}
#pv-production-calc .ks-chart strong {
	display: block;
	margin-bottom: 5px;
}

.loading {
	position: relative;
}

.loading:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 9;
}

.loading:after {
	position: absolute;
	display: inline-block;
	top: 10px;
	left: calc(50% - 20px);
	content: "\f110";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 20px;
	color: #ccc;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	z-index: 9;
}

@media only screen and (max-width: 1199px){

	.ks-row .ks-half.ks-lg-full {
		flex: 0 1 calc(100% - 5px);
		min-width: calc(100% - 5px);
	}

}

@media only screen and (max-width: 767px){

	#TB_window {
		top: 100px;
		transform: translate(-50%, 0) !important;
	}

	#TB_ajaxContent {
		height: auto !important;
		max-height: 70vh;
	}

	.ks-row .ks-half {
		flex: 0 1 calc(100% - 5px);
		min-width: calc(100% - 5px);
	}

	.ks-row .ks-half.mob-order-2 {
		order: 2;
	}

	.calcmodal-content li {
		text-align: center;
	}

	.calcmodal-content li strong {
		display: block;
	}

}

/**
 * Price tables design
 */

.ks-price-tables h3,
.ks-price-tables ul {
	flex: 1 1 100%;
	margin-bottom: 0;
	text-align: left;
}

.ks-price-tables ul {
	list-style: none;
}

.ks-price-tables ul li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--the7-divider-color);
}

.ks-price-tables ul li a {
	display: block;
	padding: 5px;
	text-decoration: none;
}

.ks-price-tables ul li a.ks-full-line {
	flex: 1 1 100%;
}

.ks-price-tables ul li small {
	display: block;
	margin-left: auto;
	padding: 5px;
}

.ks-price-tables ul li a:hover {
	background-color: #fafafa;
}

@media only screen and (max-width: 767px){

	.ks-price-tables ul li {
		align-items: stretch;
		flex-direction: column;
	}

	.ks-price-tables ul li a {
		flex: 1 1 100%;
	}

	.ks-price-tables ul li small {
		padding: 0;
	}

}