/*
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 **********/
/*****************************/

:root {
	--navy: #003046;
	--accent: #219EBC;
	--orange: #FB8500;
	--bg-grey: #F9F9F9;
	--space-xs: 1.5rem;
	--space-sm: 2.5rem;
	--space-md: 5rem;
	--space-lg: 7.5rem;
	--space-xl: 10rem;
}

.mt-0 {
	margin-bottom: 0;
}
.mb-0 {
	margin-bottom: 0;
}
.mt-xs {
	margin-top: var(--space-xs) !important;
}
.mb-xs {
	margin-bottom: var(--space-xs) !important;
}
.mt-sm {
	margin-top: var(--space-sm) !important;
}
.mb-sm {
	margin-bottom: var(--space-sm) !important;
}
.mt-md {
	margin-top: var(--space-md) !important;
}
.mb-md {
	margin-bottom: var(--space-md) !important;
}
.mt-lg {
	margin-top: var(--space-lg) !important;
}
.mb-lg {
	margin-bottom: var(--space-lg) !important;
}

.btn-outline a {
	background: none !important;
	border: 1px solid var(--orange) !important;
	color: var(--orange) !important;
}
.btn-outline a i {
	color: var(--orange) !important;
}
.btn-outline a:hover {
	background: var(--orange) !important;
	color: #ffffff !important;
}
.btn-outline a:hover i {
	color: #ffffff !important;
}

a.tiktok {
	transform: translateY(-2px);
}
.tiktok .soc-font-icon:before, .dt-icon-tiktok:before {
    content: "\e07b";
}
.tiktok .soc-font-icon{
    font-family: "Font Awesome 5 Brands" !important;
	font-size: 14px !important;
}

#main section {
	padding-top: var(--space-md) !important;
	padding-bottom: var(--space-md) !important;
}

.text-normal {
	font: var(--the7-base-font);
}

.branding a img{
	height: 80px;
}
.mobile-branding a img {
	width: 120px;
}
#phantom .logo-box a img,
.sticky-on .branding a img {
	height: 60px;
}

.header-middle-block {
	display: flex;
	flex-direction: column;
	align-content: space-between;
	justify-content: center;
}
.header-middle-block .top-bar {
	margin-bottom: 20px !important;
	background-color: var(--navy);
	border-radius: 3px;
}
.masthead.sticky-on .header-middle-block .top-bar {
	display: none;
}

.container-grey {
	background-color: var(--bg-grey);
}

.has-separator {
	position: relative;
}

.page-section-separator {
	position: absolute;
	z-index: 100;
	padding: 0;
	left: 0;
}
.page-section-separator.top {
	bottom: 100%;
}
.page-section-separator.bottom {
	top: 100%;
	transform: scaleY(-1);
}

.white-box {
	background: #ffffff;
	border-radius: 1rem;
	padding: var(--space-xs);
}
.white-box.shadow {
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}

.elementor-heading-title span {
	color: var(--accent);
}

#bottom-bar .wf-float-right {
	width: 100%;
}
#bottom-bar .bottom-text-block {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

/********* OVERRIDES *********/
/*****************************/
@media (min-width: 768px) {
	.e-con > .e-con-inner {
		padding-left: 50px;
		padding-right: 50px;
	}
}
sub, sup {
	font-size: 60% !important;
}
.elementor-button {
	background-color: var(--orange);
}
.inline-header.center .main-nav {
	max-height: 50px;
}
.page-section-separator .elementor-widget-image img {
	display: block;
}
.menu-item-home .menu-item-text {
	display: none;
	visibility: hidden;
	opacity: 0;
}
.wpcf7-acceptance {
	font: var(--the7-base-font);
}
#page .scroll-top {
	left:10px;
	right:auto;
}
.wp-block-file__button {
	font: var(--the7-btn-m-font);
	text-transform: var(--the7-btn-m-text-transform);
	letter-spacing: var(--the7-btn-m-letter-spacing);
	word-spacing: var(--the7-btn-m-word-spacing);
	border-radius: var(--the7-btn-m-border-radius);
	padding: var(--the7-btn-m-padding);
	min-width: var(--the7-btn-m-min-width);
	min-height: var(--the7-btn-m-min-height);
}

/* LD overrides */
.ld-registration-order {
	background-color: var(--bg-grey);
	padding: var(--space-xs);
    border-radius: var(--the7-btn-l-border-radius) !important;
}
.ld-registration-order__items {
    max-width: none !important;
}
.button-primary,
.ld-login-button,
.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
	color: #fff !important;
	background: var(--orange) !important;
	font: var(--the7-btn-m-font) !important;
    border-radius: var(--the7-btn-m-border-radius) !important;
    border-width: var(--the7-btn-m-border-width) !important;
    border-style: var(--the7-btn-m-border-style) !important;
    border-color: var(--the7-btn-border-color) !important;
    padding: var(--the7-btn-m-padding) !important;
    min-width: var(--the7-btn-m-min-width) !important;
    min-height: var(--the7-btn-m-min-height) !important;
	transition: all 0.3s ease-out !important;
}
.button-primary.button-large,
.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
	font: var(--the7-btn-l-font) !important;
    border-radius: var(--the7-btn-l-border-radius) !important;
    border-width: var(--the7-btn-l-border-width) !important;
    border-style: var(--the7-btn-l-border-style) !important;
    padding: var(--the7-btn-l-padding) !important;
    min-width: var(--the7-btn-l-min-width) !important;
    min-height: var(--the7-btn-l-min-height) !important;
}
.button-primary:hover,
.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not(.ld--ignore-inline-css):hover {
	background: var(--accent) !important;
	border-color: var(--the7-btn-border-hover-color) !important;
}
.learndash-wrapper .ld-focus-content .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
	font: var(--the7-btn-m-font) !important;
	border-radius: var(--the7-btn-m-border-radius);
	padding: var(--the7-btn-m-padding);
	min-width: var(--the7-btn-m-min-width);
	min-height: var(--the7-btn-m-min-height);
}
.learndash-wrapper .ld-login-button {
	margin: auto !important;
	justify-content: center !important;
}
.mini-widgets .dt-btn .ld-icon {
	font-size: .875em;
	margin-right: 10px;
}
.ld-profile-avatar {
	margin-bottom: var(--space-xs);
}

.upload-field-details .file-name,
.upload-field-details .file-type {
	display: none;
}
.wppb-remove-upload {
	cursor: pointer;
}
.wppb-remove-upload:hover {
	color: red;
}

.ld-focus-sidebar {
	background-color: var(--bg-grey) !important;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}

/* profile builder overrides */
#wppb-edit-user > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#wppb-edit-user > ul > li {
	margin-bottom: var(--ld-spacer-4);
}
#wppb-edit-user > ul > li label {
	display: block;
	margin-bottom: var(--ld-spacer-1);
}
#wppb-edit-user > ul > li input[type=text],
#wppb-edit-user > ul > li input[type=email],
#wppb-edit-user > ul > li input[type=password] {
	width: 100%;
	display: inline-block;
    border: 1px solid var(--ld-color-field-border);
    border-radius: var(--ld-radius);
	padding: var(--ld-spacer-2) var(--ld-spacer-fixed-3);
}
#wppb-edit-user .form-submit input.submit {
    font: var(--the7-btn-l-font) !important;
    border-radius: var(--the7-btn-l-border-radius) !important;
    border-width: var(--the7-btn-l-border-width) !important;
    border-style: var(--the7-btn-l-border-style) !important;
    padding: var(--the7-btn-l-padding) !important;
    min-width: var(--the7-btn-l-min-width) !important;
    min-height: var(--the7-btn-l-min-height) !important;
}

/********** WEBSITE **********/
/*****************************/

/* homepage */
.home-prod-box {
	position: relative;
}
.home-prod-box .txt-info-blue {
	background-color: var(--accent);
	color: #ffffff;
	font-size: 14px;
	padding: .2rem 1rem;
	border-radius: 15px;
	align-self: flex-start;
}
.home-prod-box .elementor-heading-title {
	font: var(--the7-h4-font);
	color: var(--orange);
}
.home-prod-box .elementor-heading-title span {
	font-size: 90%;
	display: block;
}
.home-prod-box .package-badge {
	position: absolute;
	top: -12px;
	right: 1.5rem;
}
.home-prod-box .price-block {
	background: #f9f9f9;
	padding: calc(var(--space-xs)/2) var(--space-xs);
	border-radius: 1rem;
	box-shadow: inset 3px 3px 3px rgba(0,0,0,.1);
}
.home-prod-box .price-block .txt-price-amount {
	font: var(--the7-h2-font);
	color: var(--orange);
}
.home-prod-box .price-block .txt-old-price {
	font: var(--the7-h4-font);
	text-decoration: line-through;
	color: #666;
}
.home-section-white {
	padding-top: var(--space-md);
	padding-bottom: var(--space-md);
}
.section-padded {
	padding-top: var(--space-sm);
	padding-bottom: var(--space-sm);
}

.row-about-icons img {
	max-width: 100px;
}

/* sales pages */
.floating-prod-box {
	margin-top: -200px;
}
.sales-section h2 {
	font: var(--the7-h4-font);
}
.sales-section h4 {
	font: var(--the7-h5-font);
}

/* landing ask offer */
ul.drone-options {
	list-style: none;
	margin: 0;
}
ul.drone-options li .wpcf7-list-item-label {
	display: none;
	visibility: hidden;
}
ul.drone-options li {
	margin-bottom: 1em;
}
ul.drone-options li p {
	margin-bottom: 0;
}
ul.drone-options li p.comment {
	margin-left: 2.2em;
	font: var(--the7-base-font);
}
.wpcf7-submit {
	padding: var(--the7-btn-l-padding) !important;
	font: var(--the7-btn-l-font) !important;
}
.wpcf7-form.sent {
	display: none;
}
#thank-you-message {
	display: none;
}

/* footer */
footer .icon-with-text-shortcode.layout-1 {
	display: flex;
	flex-direction: row;
}
footer .icon-with-text-shortcode.layout-1 .text-icon .soc-icon {
	color: #fff;
}
footer .icon-with-text-shortcode.layout-1 p {
	display: none;
}
footer .icon-with-text-shortcode .dt-text-desc {
	flex: 1 1 0%;
	margin-left: 8px;
}
footer .icon-with-text-shortcode .dt-text-desc a {
	text-decoration: none;
}

.footer-links a {
	display: block;
	text-decoration: none;
	margin-bottom: var(--space-xs);
}
.footer-links a i {
	font-size: 12px;
}
.footer-links a:hover {
	color: var(--accent);
}

/********* RESPONSIVE ********/
/*****************************/
@media (min-width: 1025px) {
	.home-hero-top .white-box {
		margin-top: var(--space-md);
	}
}
@media (max-width: 1024px) {
	.home-prod-box.highlighted {
		margin-top: var(--space-xs);
		margin-bottom: var(--space-xs);
	}
}
@media (max-width: 767px) and (orientation: landscape) {
	.home-hero-top .white-box {
		margin-top: var(--space-md);
		margin-bottom: var(--space-xs);
	}
}
@media (max-width: 767px) {
	.page-section-separator img {
		transform: scale(150%);
		transform-origin: center bottom;
	}
	#bottom-bar .bottom-text-block {
		flex-direction: column;
	}
	.floating-prod-box {
		margin: auto;
		margin-top: 0px;
	}
}
@media (max-width: 499px) {
	.page-section-separator img {
		transform: scale(200%);
		transform-origin: center bottom;
	}
	.home-hero-top .white-box {
		margin-top: var(--space-md);
		margin-bottom: var(--space-xs);
	}
}