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

.mb-0 {
	margin-bottom: 0;
}

.gradientrow {background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);}
.sectionseparator {margin-top: 35px;}
.footerseparator {margin-top: 35px; padding-left: 30px; padding-right: 30px;}
.sectionseparator.floating {margin-top: 0; transform: translateY(-50%); z-index: 10;}
.sectionseparator.floating .wpb_single_image {margin-bottom: 0;}
.dt-btn {position: relative;}
.dt-btn::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	background: url('images/bg-button.png') center center/100% 100% no-repeat scroll;
}
input.dt-btn {
	border: 1px solid #fff !important;
}
.page-title {background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}

.lightbrown {
	color: #C6C3AC;
}

.tiktok .soc-font-icon:before, .dt-icon-tiktok:before {
    content: "\e07b";
}
.tiktok .soc-font-icon{
    font-family: "Font Awesome 5 Brands" !important;
	font-size: 15px !important;
}

.cookietable {
	background: #333;
	font-size: 13px;
}
.cookietable thead {
	background: linear-gradient(180deg, rgba(170,31,46,1) 0%, rgba(101,19,27,1) 100%);
}

/********* OVERRIDES **********/
/******************************/
.masthead:not(.mixed-header) .header-bar {
	background: rgb(101,19,27);
	background: linear-gradient(180deg, rgba(122,23,33,1) 0%, rgba(170,31,46,1) 100%);
}
.top-bar-bg {
	background: rgb(101,19,27);
	background: linear-gradient(180deg, rgba(170,31,46,1) 0%, rgba(101,19,27,1) 100%);
}
.branding a img, .mobile-branding a img {
	filter: drop-shadow(0 -15px 30px rgba(0,0,0,.5));
}
.masthead:not(.sticky-on) .branding {
	transform: translateY(-34px);
}
.split-header .navigation {align-self: flex-start;}
.masthead:not(.sticky-on) .navigation {transform: translateY(25%);}
.page-title .wf-wrap {
	justify-content: flex-end !important;
}
#footer.solid-bg {
	background-color: transparent;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	padding-bottom: 35px;
}

.icon-with-text-shortcode a {
	color: #000;
}

/******** CUSTOM CODES ********/
/******************************/
.header-after-ornament {
	height: 60px;
	background: url('images/bg-footer-bottom.png') center center/auto 100% repeat-x scroll;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: -1;
}
.phantom-sticky .sticky-on.masthead:not(.masthead-mobile) .header-after-ornament, .masthead-mobile .header-after-ornament {
	height: 40px;
}
.hometoprow {
	padding-top: 70px;
	padding-bottom: 70px;
}
.homeproductsrow h2.vc_custom_heading {
	margin-bottom: 35px;
}
.hometoprow .vc_single_image-img, .homeproductsrow .vc_single_image-img {
	filter: drop-shadow(0 0 30px rgba(0,0,0,.5));
}

.main-nav > li > a::before, .main-nav > li > a::after {
	content: "";
	display: block;
	position: absolute;
	width: 11px;
	height: 22px;
	background: url('images/ico-menu-side.png') center center/cover no-repeat scroll;
	transition: all .25s;
}
.main-nav > li > a::before {
	left: -15px;
}
.main-nav > li > a::after {
	right: -15px;
	transform: rotate(180deg);
}
.main-nav > li > a:hover::before {
	left: -10px;
}
.main-nav > li > a:hover::after {
	right: -10px;
}

body.single .post-thumbnail img {
	border-radius: 10px;
}
body.single .entry-content {
	background: rgba(255,255,255,.9);
	padding: 25px;
	color: #494949;
	border-radius: 10px;
	box-shadow: 0 0 25px #000;
}
body.single .entry-content h2, body.single .entry-content h3, body.single .entry-content h4 {
	color: #AA182C;
}
body.single .entry-content p {
	margin-bottom: 25px;
}
body.single .wpb_single_image:not(.separator) {
	margin-bottom: 0;
}
body.single .vc_single_image-img {
	border-radius: 5px;
}

body.single .txt-answer {
	margin-left: 15px;
	padding-left: 15px;
	border-left: 2px solid #AA182C;
}

.ingredients-block .wpb_text_column {
	background-color: #494949;
	border-radius: 15px;
	padding: 15px 30px;
	color: #fff;
	box-shadow: inset 0 0 10px rgba(0,0,0,.5);
}
.ingredients-block .wpb_text_column h3, .ingredients-block .wpb_text_column h4 {
	color: #fff !important;
}
.howto-block .wpb_text_column {padding-top: 15px;}

#homeVideo {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);}
#homeVideo .vc_custom_heading {margin-bottom: 35px;}

#homeRoppant .home-roppant-header {
	transform: scale(-1) translateY(-1px);
}
#homeRoppant .home-roppant-footer {
	transform: translateY(-1px);
}
#homeRoppant .home-roppant-content {
	background-color: #ffffff;
	color: #000000;
}
#homeRoppant .roppant-list ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#homeRoppant .roppant-list ul li:not(:last-child) {
	margin-bottom: 20px;
}
#homeRoppant .roppant-list ul li {
	padding-left: 30px;
	position: relative;
}
#homeRoppant .roppant-list ul li::before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #B01C2E;
	position: absolute;
	left: 0;
	top: 10px;
}
#homeRoppant .roppant-list .red {
	color: #B01C2E;
}

/* timeline story */
#story-section {
	background: url('images/bg-timeline-line.png') center center/auto 100% no-repeat scroll;
}
#story-section .video-row {
	background: #fff;
	border-radius: 10px;
}
#story-section .video-row .wpb_video_widget {
	margin-top: 15px;
	margin-bottom: 15px;
}
.timeline-block {
	background: url('images/bg-timeline-block.png') center center/100% 100% no-repeat scroll;
	color: #000;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 94%;
	margin-top: 50px;
}
.timeline-block.noimage {
	background: url('images/bg-timeline-block-alter.png') center center/100% 100% no-repeat scroll;
}
.timeline-block .wpb_single_image, .timeline-block .wpb_text_column {
	margin-bottom: 0;
}
.timeline-row.even .timeline-block {
	float: right;
}
.timeline-row.last .timeline-block {
	width: 100%;
	background: url('images/bg-timeline-block-red.png') center center/100% 100% no-repeat scroll;
	color: #fff;
}

.partners-row {
	justify-content: center;
}
.partners-row .vc_single_image-wrapper img {
	border-radius: 50%;
}
.partners-row .wpb_text_column {
	position: absolute;
	top: 50%;
	width: 70%;
	left: 15%;
	color: #000;
	transform: translateY(-60%);
	margin-bottom: 0;
}

/* contact page */
.col-contact-infos {
	background: url('images/bg-contactinfos.svg') center center/100% 100% no-repeat scroll;
}
.col-contact-infos .icon-with-text-shortcode {
	color: #000;
	margin-bottom: 30px;
}
.col-contact-infos .icon-with-text-shortcode h4 {
	color: #AA182C;
}

/* landing page: influencer */
#landingSlider .wpb_single_image {
	margin-bottom: 0;
}
.influencer-contact .wpcf7 {padding: 35px; color: #333333;}
.influencer-contact .wpcf7 h3,
.influencer-contact .wpcf7 h4,
.dnd-upload-status .dnd-upload-details .name span {color: #AA1F2E;}

.codedropz-upload-wrapper .codedropz-upload-handler {
	background-color: rgba(255,255,255,.8);
	border-radius: 5px;
}
.dnd-upload-status .dnd-upload-image {
	width: 30px;
	height: 30px;
}
.dnd-upload-status .dnd-upload-image span.file {
	width: 12px;
	height: 16px;
}
span.notice {
	display: block;
	font-size: 14px;
}
.influencer-contact .readme-link {
	display: inline-block;
	margin: 0 0 0 1em;
}

/* emin page */
.row-emin {
	margin-top: 100px;
}
.row-emin .img-main-bordered img {
	border: 10px solid #fff;
	border-radius: 5px;
	box-sizing: border-box;
}
.row-emin .row-emin-title .vc_column-inner > .wpb_wrapper,
.link-emin-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.row-emin .row-emin-title .vc_column-inner > .wpb_wrapper > .wpb_single_image {
	min-width: 100px;
	max-width: 20%;
	vertical-align: middle;
	margin-right: 15px;
}
.link-emin-top {
	text-decoration: none !important;
	padding-right: 15px;
	border-right: 1px solid rgba(255,255,255,.4);
}
.link-emin-top img {
	margin-right: 8px;
}

/* responsive fixes */
@media (max-width:1199px) {
	.partners-row .wpb_text_column {
		font-size: 14px;
		line-height: 18px;
	}
}
@media (min-width:992px) {
	.masthead:not(.mixed-header), .phantom-sticky .sticky-on.masthead:not(.masthead-mobile) {
		/*background-color: transparent !important;*/
		filter: drop-shadow(0 0 30px rgba(0,0,0,.5));
	}
	body.single .entry-content {
		text-align: justify;
	}
}
@media (max-width:991px) {
	.top-bar-bg {
		background: #AA182C;
	}
	.mobile-branding {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.partners-row .wpb_text_column {
		font-size: 12px;
	}
}
@media (max-width:778px) {
	.dt-mobile-header .soc-ico a:not(:hover) .soc-font-icon {color: #AA182C !important;}
	.page-title .wf-wrap {padding-bottom: 0;}
	.sectionseparator.floating .wpb_single_image .vc_single_image-wrapper,
	.sectionseparator.floating .wpb_single_image .vc_figure {
		display: block;
	}
	.owl-carousel .owl-nav {
		display: none;
	}
	.row-emin {
		margin-top: 50px;
	}
	a.esg-raport {
		font-weight: bold;
		margin: 15px 0;
	}
}

.row-kms-home .wpb_single_image {
	margin-bottom: 0;
}
@media (max-width:767px) {
	.row-kms-home .wpb_single_image {
		margin-top: 2.5rem;
	}
	#homeRoppant .home-roppant-content .img-title figure {
		max-width:70%;
	}
}