/*
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 {
	--green: #467675;
	--gold: #CDA053;
	--blue: #141824;
	--space-xs: 2.5rem;
	--space-s: 5rem;
	--space-l: 10rem;
	--space-xl: 20rem;
}
@media (max-width: 991px) {
	:root {
		--space-xs: 1rem;
		--space-s: 2.5rem;
		--space-l: 5rem;
		--space-xl: 10rem;
	}
}

@font-face {
    font-family: 'Bariol';
    src: url('fonts/Bariol.eot');
    src: url('fonts/Bariol.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bariol.woff2') format('woff2'),
        url('fonts/Bariol.woff') format('woff'),
        url('fonts/Bariol.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.txt-black, .txt-black * {
	color: #000;
}

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

.dt-btn.btn-white {
	background: #fff !important;
}
.dt-btn.btn-white > * {
	color: var(--blue) !important;
}
.dt-btn.btn-white:hover {
	background: var(--gold) !important;
}
.dt-btn.btn-white:hover > * {
	color: #fff !important;
}
.btn-jobsgrid a {
	font-family: 'Bariol';
	border: 0px !important;
	font-weight: bold;
	transition: .25s all;
}
.btn-jobsgrid a:hover {
	background-color: var(--gold) !important;
}

.row-banner-inner {
	height: 70vh;
	background-position: center;
	background-size: cover;
}

.job-details-block {
	background-color: rgba(67,117,116,.9);
	color: #fff;
	margin: 15px;
	width: calc(100% - 30px);
	transition: .25s all;
}
.job-details-grid:hover .job-details-block {
	background-color: var(--gold);
}
.job-details-block h4 {
	color: #fff;
	font-weight: bold;
}
.job-details-block .vc_custom_heading {
	margin-bottom: 0;
}
.job-details-block h4 {
	color: #fff;
	font-weight: bold;
}
.job-details-block .job-details-customfield {
	font-size: 14px;
	line-height: 1.8em;
}
.job-details-block .job-details-customfield span {
	margin-right: 5px;
	font-weight: bold;
}

.hero-mobile {
	display: none;
}

/********* overrides ********/
/****************************/
.vc_custom_heading a:hover {
	opacity: .5;
}
.transparent .masthead:not(.sticky-on) .main-nav > li:not(.wpml-ls-item):not(.act) > a .menu-text {
	color: #ffffff;
}
.transparent .masthead:not(.sticky-on) .branding a img,
.transparent .masthead:not(.sticky-on) .branding img,
.transparent .masthead:not(.sticky-mobile-on) .mobile-header-bar .mobile-branding img {
	transform: scale(0);
}
.branding a img, .branding img {
	transition: 0.25s;
}
.sticky-on .branding a img, 
.sticky-on .branding img {
	transform: scale(0.75);
	transform-origin: left center;
}
.transparent .masthead:not(.sticky-mobile-on) .dt-mobile-menu-icon:not(.floating-btn) .menu-line::before,
.transparent .masthead:not(.sticky-mobile-on) .dt-mobile-menu-icon:not(.floating-btn) .menu-line::after {
	background: #ffffff !important;
}
footer .wp-block-heading {
	font-weight: bold;
}
footer #block-12 .wp-block-group__inner-container {
	text-align: right;
}
footer #block-12 .wp-block-group__inner-container a.btn-white {
	margin-top: 15px;
}
.scroll-top.on {
	left:10px; 
	right:auto;
}

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

/********* homepage *********/
/****************************/
#homeHero .wpb_single_image,
.section-home .wpb_text_column,
.home-about .wpb_text_column {
	margin-bottom: 0;
}
.section-home, 
.section-home.vc_section-has-fill {
	padding-top: var(--space-l) !important;
	padding-bottom: var(--space-l);
}
.section-home.section-slogan h2 {
	color: var(--blue);
}
.section-home.section-slogan strong {
	color: var(--green);
	font-size: 1.2em;
}
.section-home.section-slogan .vc_row:not(:last-child) {
	margin-bottom: var(--space-s);
}

#homeHero {
	position: relative;
}
#homeHero h1 {
	color: var(--blue);
}
#homeHero h1 strong {
	color: var(--green);
	font-size: 1.2em;
}
#homeHero .row-hero-heading {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.home-about .col-txt {
	padding: var(--space-l);
	color: #fff;
}
.home-about .home-about-row-1 {
	background-color: var(--gold);
}
.home-about .home-about-row-2 {
	background-color: var(--green);
}

.home-sustainability .col-txt {
	color: #fff;
	padding: var(--space-s) var(--space-l);
	background-color: rgba(67,117,116,.9);
}
.home-sustainability .col-txt .vc_column-inner {
	padding-top: 0;
}

.home-brands-row .vc_row.vc_inner {
	margin-top: var(--space-xs);
}
.home-brands-row .wpb_single_image {
	max-width: 128px;
	margin: 0 auto 15px;
}
.home-brands-row .vc_custom_heading {
	font-weight: bold;
}

.home-jobs .col-txt .wpb_single_image img {
	max-width: 300px;
}
.home-jobs .col-txt .wpb_text_column {
	color: #fff;
	padding: var(--space-xs) var(--space-s);
	background-color: rgba(67,117,116,.9);
	margin-bottom: var(--space-xs);
}

/********* team page ********/
/****************************/
#teamHero img {
	filter: drop-shadow(0 0 15px rgba(0,0,0,.3));
}
.team-about .col-txt {
	padding: var(--space-l);
	background-color: var(--green);
	color: #fff;
}
.team-list-jobs .vc_column-inner {
	padding-top: 0;
}
.team-list-jobs h2.vc_custom_heading {
	margin-bottom: var(--space-xs);
}
.team-list-jobs .vc_grid-container-wrapper .vc_custom_heading h4 {
	font-weight: bold;
	margin-bottom: 0;
}
.team-bottom-hero {
	padding-top: var(--space-xl);
	padding-bottom: var(--space-xl);
}
.team-bottom-hero .vc_custom_heading {
	color: #fff;
	padding: var(--space-xs) var(--space-s);
	background-color: rgba(67,117,116,.9);
	max-width: 600px;
	margin: auto;
}

/******** about page ********/
/****************************/
.section-about-inner h1 {
	margin-bottom: var(--space-s);
}
.section-about-inner .col-img .vc_column-inner {
	padding-top: 0;
}
.section-about-inner .col-img .vc_custom_heading {
	background: rgba(0,0,0,.5);
	max-width: 300px;
	margin: auto;
	padding: 2rem;
	color: #fff;
}
.home-esgreport-row {
	padding-top: var(--space-s);
	margin-bottom: var(--space-s);
	border-top: 1px solid var(--green);
}
.inner-esgreport-row {
	padding-top: var(--space-s);
	margin-bottom: var(--space-s);
}

/******** puiul page ********/
/****************************/
.section-home.section-slogan .vc_row.row-products-inner {
	margin-bottom: var(--space-xs);
}
.row-products-inner .wpb_single_image {
	margin-bottom: 15px;
}
.row-products-inner .vc_custom_heading {
	margin-bottom: 15px;
	font-weight: bold;
}
.section-follow {
	padding-top: 0 !important;
}
.section-follow .vc_row {
	background-color: var(--green);
	padding: var(--space-xs);
	border-radius: 500px;
	color: #fff;
}
.section-follow .vc_row .wpb_text_column * {
	color: #fff;
}
.section-follow .col-icons .wpb_wrapper {
	display: flex;
	justify-content: flex-end;
}
.section-follow .col-icons .vc_icon_element {
	margin-bottom: 0;
	margin-left: 15px;
}
.section-follow .col-icons .vc_icon_element {
	border: 2px solid #fff;
	border-radius: 100px;
	transition: .25s all;
}
.section-follow .col-icons .vc_icon_element:hover {
	border: 2px solid var(--gold);
	background: var(--gold);
}

/* new puiul page */
.row-puiul-features {
	background-color: var(--green);
	color: #fff;
	text-align: center;
	padding-top: var(--space-s);
	padding-bottom: var(--space-s);
}
.row-inner-prod .vc_column_container {
	padding: var(--space-s);
}
.row-inner-prod  .col-img img {
  transform: scale(130%);
  transform-origin: left center;
}
.row-inner-prod.normal {
	background: #fad771;
}
.row-inner-prod.normal h2 {
	color: var(--the7-base-color);
}
.row-inner-prod.zeroab {
	background-color: var(--gold);
	color: #fff;
}
.row-inner-prod.zeroab h2,
.row-inner-prod.zeroab h3 {
	color: #fff;
}
.row-inner-prod.zeroab h3 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.row-inner-prod.bistro {
	background: #C5CECD;
}
.row-inner-prod.bistro h2 {
	color: var(--the7-base-color);
}
.section-follow-small {
	padding-top: var(--space-s) !important;
	padding-bottom: var(--space-s) !important;
}

/******** csurke page *******/
/****************************/
.row-top-csurke {
	background-position: center top;
}

/******** press page ********/
/****************************/
.section-press {
	padding-top: var(--space-s);
	padding-bottom: var(--space-s);
}

/******* contact page *******/
/****************************/
.row-contact .wpb_column {
	padding:  var(--space-s);
}
.row-contact .col-icons {
	background-color: var(--green);
	color: #fff;
}
.row-contact .icon-with-text-shortcode:not(:last-child) {
	padding-bottom: var(--space-xs);
	margin-bottom: var(--space-xs);
	border-bottom: 1px solid #fff;
}
.row-contact .col-icons .dt-text-title {
	color: #fff;
}
.wpcf7-acceptance {
	font-size: 14px;
	line-height: 1.4em;
}

.job-application-block {
	max-width: 600px;
	padding: var(--space-xs);
	margin: var(--space-s) auto auto auto;
	background-color: #f9f9f9;
	border-radius: 15px;
}
.job-application-block h3 {
	text-align: center;
	margin-bottom: var(--space-xs);
}

/*********** footer *********/
/****************************/
.footer-top {
	border-bottom: 1px solid #fff;
	padding: var(--space-xs) 0;
}
.footer-top section.widget_block {
	width: 50%;
}
.footer-icons p {
	margin-bottom: 0;
}
.footer-icons .text-icon .soc-icon {
	color: #fff;
	font-size: 24px;
}
.footer-icons .icon-with-text-shortcode.layout-1 {
	grid-template-columns: 40px minmax(0,1fr);
	margin-bottom: 15px;
}
footer .wp-block-group__inner-container ul li {
	margin-bottom: 10px;
}

/***** responsive styles ****/
/****************************/
@media (max-width: 1199px) {
	.home-about .col-txt {
		padding: var(--space-l) calc(var(--space-l)/2);
	}
	.home-sustainability .col-txt {
		padding: var(--space-s) calc(var(--space-l)/2);
	}
	.team-about .col-txt {
		padding: var(--space-s);
	}
	.row-inner-prod .vc_column_container.col-img {
		padding: inherit;
	}
}
@media (min-width: 992px) {
	.home-about .home-about-row-2 .col-txt {
		order: 1;
	}
	.home-about .home-about-row-2 .col-img {
		order: 2;
	}
	.footer .widget {
		margin-bottom: 0;
	}
	.row-inner-prod.zeroab .col-txt {
		order: 1;
	}
	.row-inner-prod.zeroab .col-img {
		order: 2;
	}
}
@media (max-width: 991px) {
	.home-about .col-img {
		height: calc(var(--space-l)*4);
		width: 100%;
	}
	.team-about .col-img {
		height: calc(var(--space-l)*5);
	}
	.row-top-puiul {
		background-position: right !important;
	}
}
@media (max-width: 767px) {
	.hero-desktop {
		display: none;
	}
	.hero-mobile {
		display: inherit;
	}
	#homeHero .row-hero-heading {
		position: inherit;
		transform: translateY(50%);
	}
	.mobile-header-bar .mobile-branding img {
		height: 40px !important;
		width: auto !important;
	}
	.home-brands-row .vc_row.vc_inner .wpb_single_image {
		margin-top: 30px;
	}
	#teamHero {
		background-position: left center !important;
	}
	.row-banner-inner {
		height: 50vh;
	}
	.row-top-puiul {
		background-position: 80% !important;
	}
}
@media (max-width: 576px) {
	.home-jobs.vc_custom_1709030394747 {
		background-position: right center !important;
	}
}