/*
Theme Name: Delta Theme Child
Theme URI: https://github.com/loemkhorn/my-theme-child
Description: A child theme for Custom WordPress Theme. Add your custom CSS and overrides here without modifying the parent theme.
Author: Development Team
Author URI: https://example.com
Template: delta
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
Text Domain: detal-theme-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ============================================================
   Child theme custom styles go below this line.
   The parent theme's styles are loaded automatically.
   ============================================================ */

.elementor-widget-container ul {
	padding-left: 20px;
}

/* header */
.mt-header-btn {
	background: #fff;
	color: var(--primary);
	border-radius: 5px;
}

.mt-header-btn:hover {
	background: #e39706;
}

.mt-header-btn:hover {
	transform: translateY(0) !important;
	box-shadow: none !important;
}

/* footer */
.footer-content {
	display: flex;
	gap: 15px 80px;
}

footer .column-logo {
	width: 20%;
}

.column-logo img {
	width: 250px;
}

footer .column-address {
	width: 40%;
	padding-left: 50px;
	border-left: 1px solid #fff;
}

footer .column.column-contact {
	width: 20%;
}

footer .column-social {
	width: 20%;
}

.widget-title {
	text-transform: inherit;
	font-size: 20px !important;
	letter-spacing: 0 !important;
}

.column-contact .custom-contact-widget {
	margin-bottom: 0;
}

footer .column-address,
footer .column.column-contact,
footer .column-social {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* career */
.career-title {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.career-meta {
	margin-bottom: 0 !important;
}

.career-short-desc {
	margin-top: 5px !important;
}

/* single post */
body.single .ce-single-post-page {
	padding-top: 0 !important;
}

.ce-post-content {
	font-size: 18px;
	line-height: 1.6;
}

.ce-post-content img {
	border-radius: 4px;
}

.ce-post-featured {
	border-radius: 0 !important;
	margin-bottom: 60px;
}

.ce-post-featured img {
	max-height: 900px;
	object-fit: cover;
}

.ce-post-title {
	font-size: clamp(22px, 3.5vw, 45px);
	line-height: 1.1;
}

.ce-post-header {
	text-align: left;
}

.ce-post-meta {
	justify-content: start;
}

.ce-post-meta,
.ce-post-cat {
	font-size: 20px;
	color: #888888;
}

.ce-related-heading {
	font-size: 40px;
	margin: 0 0 40px;
}

/* single career */
.single-our-career .site-header.is-transparent {
	background: var(--mt-sticky-bg) !important;
}

.ce-single-career-page {
	padding: 150px 0 80px 0;
}

.pll-dropdown-toggle,
.pll-selector.custom-dropdown.active .pll-dropdown-toggle {
	color: #fff !important;
}

.pll-dropdown-arrow,
.pll-selector.custom-dropdown.active .pll-dropdown-arrow {
	color: #fff !important;
}


/* single project */
.ce-single-project-page {
	padding: 0;
}
.ce-hero-title {
  margin-bottom: 0;
}
@media (max-width: 1042.98px) {

	.footer-content {
		gap: 15px 30px;
	}

	footer .column-address {
		padding-left: 30px;
		width: 30%;
	}

	footer .column.column-contact {
		width: 23%;
	}

	footer .column-social {
		width: 27%;
	}
}

/* small ipad */
@media (max-width: 900.98px) {
	.site-footer {
		padding: 60px 0 !important;
	}

	.column-logo img {
		margin-bottom: 50px;
	}

	.footer-content {
		flex-wrap: wrap;
		gap: 0;
	}

	.primary-navigation>ul,
	.main-menu {
		gap: 22px;
	}

	.mt-header-btn {
		padding: 10px 15px;
	}

	.main-menu a {
		font-size: 14px;
	}

	.footer-content .column {
		width: 33.33% !important;
		padding: 0 40px 0 0 !important;
	}

	footer .column.column-logo {
		width: 100% !important;
	}

	footer .column-address {
		padding-left: 0;
		border-left: none;
	}

}

/* mobile */
@media (max-width: 767.98px) {

	/* header */
	.hamburger-bar {
		background: #fff !important;
	}

	.menu-toggle {
		align-items: end;
	}

	.mt-header-btn {
		padding: 8px 15px;
		font-size: 12px;
	}

	/* footer */
	.site-footer {
		padding: 40px 0 !important;
	}

	.column-logo img {
		width: 200px;
		margin-bottom: 0;
	}

	.footer-content .column {
		width: 100% !important;
		padding: 15px 0 !important;
	}


	.ce-single-career-page {
		padding: 100px 0 0 0;
	}
}