/*
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 */
:root {
	--orange: #F27213;
	--gray: #C5C5C5;
	--line: #848484;
	--skew: -17deg;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.bcz-list {
	list-style: none !important;
	margin-left: 0 !important;
}
.bcz-list li {
	margin-bottom: 15px;
	float: left;
	clear: left;
	padding: 5px 35px 5px 30px;
}
.bcz-list li:nth-child(odd) {
	background: url('images/corner-gray.png') right bottom/auto 100% no-repeat scroll;
}
.bcz-list li h4 {
	margin-bottom: 0;
	color: var(--orange);
}

/* overrides */
.dt-btn {
	transform: skewX(var(--skew));
}
.main-nav > li.act:not(.wpml-ls-item) > a {
	transform: skewX(var(--skew));
}
.ult-dual-color.underline h1 {
	border-bottom: 1px solid var(--line);
}
.ult-dual-color:not(.inverted) .ult-adv-heading {
	color: var(--orange);
}
.ult-dual-color.inverted .ult-before-heading,
.ult-dual-color.inverted .ult-after-heading {
	color: var(--orange);
}

/* homepage */
.section-home {
	border-bottom: 1px solid var(--orange);
}
.section-home .triangle {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 0;
	height: 100%;
	width: 35%;
	transform: skewX(var(--skew));
	background: rgba(0,0,0,.5);
}
.section-home .triangle.left {
	right: 100%;
	transform-origin: bottom;
}
.section-home .triangle.right {
	left: 100%;
	transform-origin: top;
}

.section-contact .triangle.left {
	background: radial-gradient(rgba(0,0,0,.95) 0%, rgba(17,17,17,.95) 100%);
	transform: skewX(calc(var(--skew)*-1));
	width: 100%;
	right: 35%;
}
.section-contact .icon-with-text-shortcode {
	margin-bottom: 15px;
}
.section-contact .icon-with-text-shortcode i,
.section-contact .icon-with-text-shortcode .dt-text-title {
	color: var(--orange) !important;
}
.section-contact .icon-with-text-shortcode .dt-text-title {
	margin-top: 18px;
}
.section-contact .dt-btn {
	margin-top: 30px;
	margin-right: 15px;
	font-size: 16px;
}
.pum-close {
	transform: skewX(var(--skew));
}