/*
Theme Name: Zakra Child Theme
Theme URI: http://themegrill.com/themes/zakra/
Description: Child Theme for Zakra
Author: ThemeGrill
Author URI: http://themegrill.com
Template: zakra
Version: 1.0
*/

/* create a variable for the primary, secondary, and text colors */
:root {
	--primary: #0167a9;
	--secondary: #d3062f;
	--text: #222222;
  --primary-light: #6fb5e8;
}

/* remove the vertical gap between the menu items */
.zak-primary-nav .zak-primary-menu {
	row-gap: 0;
}

ul {
	list-style: disc;
}
a {
	transition: all 0.2s ease-out !important;
}

/* buttons */
a.button:hover,
a.elementor-button:hover,
a.zak-button:hover,
.everest-forms button[type='submit']:hover {
	box-shadow: inset 0 0 0 100px rgb(144 221 240 / 20%);
}

.banner-button a.elementor-button:hover {
	box-shadow: inset 0 0 0 100px rgb(255 255 100 / 30%);
}
.btn-w-175 a {
	width: 175px !important;
}
.btn-w-150 a {
	width: 150px !important;
}
.btn-w-216 a {
	width: 216px !important;
}
/* no box shadow, used for transparent buttons */
.primary-box-shadow .elementor-button:hover {
	box-shadow: none !important;
}

/* home page our schools section */
.schools-container .strong-grid {
	justify-content: space-between;
}
.schools-container .strong-content.strong-grid.columns-3 .wpmtst-testimonial {
	width: 32%;
	box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 9%);
	margin: 0;
    cursor: pointer;
}
.schools-container img {
	width: 100%;
	margin-bottom: 20px;
}
.schools-container p {

	font-size: 24px;
  font-weight: 700;
	line-height: 1.4em;
	margin: 0 20px 20px;
}
.schools-container .testimonial-company {
    display: none;
}
@media (max-width: 1024px) {
	.schools-container p {
		font-size: 21px;
	}
}
@media (max-width: 767px) {
	.schools-container .strong-content.strong-grid.columns-3 .wpmtst-testimonial {
		width: 100%;
	}
	.schools-container .strong-content.strong-grid.columns-3 .wpmtst-testimonial:not(:last-child) {
		margin-bottom: 15px
	}
}

/* layout */
.max-w-1900 {
	max-width: 1900px;
}
.m-auto {
	margin: auto;
}

/* unions page */
.unions-wrapper img {
	width: auto;
	height: 120px;
	object-fit: contain;
}
.unions-wrapper section > div {
	flex-wrap: nowrap !important;
	gap: 50px;
}
.unions-wrapper section .elementor-column > .elementor-element-populated {
	transition: all 0.5s !important;
}
.unions-wrapper section .elementor-column:hover > .elementor-element-populated {
	transform: translateY(-5px);
}
.unions-wrapper .elementor-widget:not(.elementor-widget-image):not(.unions-link-wrapper) {
	z-index: 1;
}
.unions-link-wrapper {
	position: absolute;
	top: 0;
	height: 100%;
}
.unions-link-wrapper * {
	display: block;
	height: 100%;
	opacity: 0;
}
@media (max-width: 1024px) {
	.unions-wrapper section > div {
		gap: 30px;
	}
	.bys-btn .elementor-button {
		width: 155px !important;
	}
}
@media (max-width: 767px) {
	.unions-wrapper section > div {
		flex-wrap: wrap !important;
	}
}

/* build skills page square boxes */
.square-box-container .elementor-container {
	gap: 30px;
}
.square-box:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}
@media (max-width: 1024px) {
	.square-box-container .elementor-container {
		flex-wrap: nowrap;
	}
}
/* skillplan banner */
.skillplan-banner img {
	width: auto;
	height: 20px;
	margin: 10px 0 40px;
}
@media (min-width: 1025px) {
	.skillplan-banner {
		display: flex;
		align-items: center;
		gap: 50px;
	}
	.skillplan-banner img {
		margin: 0;
	}
}

/* email link */
.email-anchor {
	color: var(--primary) !important;
	position: relative;
	display: inline-block;
}
.email-anchor::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0px;
	height: 1px;
	width: 0;
	background-color: var(--primary);
	transition: width 0.3s, color 0.5s, transform 0.2s;
}
.email-anchor:hover::after {
	width: 100%;
}

/* homepage learn more link */
a.watch-video-play {
	font-size: 2.25rem;
	font-weight: 600;
	line-height: 1;
	color: var(--primary) !important;
	cursor: pointer;
}
a.watch-video-play:hover {
	text-decoration: underline !important;
}
.watch-video-play a {
	cursor: pointer;
}

/* homepage portrait image */
#portrait-photo img {
	width: 100%;
	min-height: 300px;
	object-fit: cover;
	object-position: top center;
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	transition: 1.33s all ease;
}
#portrait-photo img.unveil {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

/* ============================================================ */

/* trade popup */
.mfp-bg {
	z-index: 10000 !important;
}
.mfp-wrap {
	z-index: 10001 !important;
}
.mfp-container {
	padding: 0 !important;
}
.ec-modal-popup-box {
	width: 50%;
	max-width: 1200px !important;
	border-radius: 10px;
}
.mfp-close-btn-in .mfp-close {
	color: #fff !important;
}
.modal-container {
	font-size: 13px;
	line-height: 19px;
	font-weight: 500;
	color: var(--text);
}
.modal-container a.modal-close,
.modal-container .trade-desc .col-lg-12 {
	display: none;
}
.modal-container h2,
.modal-container h3,
.modal-container .wage-text {
	font-weight: 600;
}
.modal-container h2,
.modal-container h3 {
	margin-bottom: 15px;
	overflow-wrap: normal;
}
.modal-container h2 {
	font-size: 24px;
	line-height: 26px;
}
.modal-container h3 {
	font-size: 20px;
	line-height: 24px;
	color: var(--text);
}
.modal-container ul {
	margin-bottom: 0;
}
.modal-container .list-item-spacing {
	margin-bottom: 12px;
}
.modal-container .modal-bg {
	width: 100%;
	height: 260px;
	background-size: cover;
	background-position: center top;
	padding: 24px;
	display: flex;
	flex-flow: row wrap;
	align-content: flex-end;
	box-shadow: inset 100vw 100vh 0 rgb(0 63 83 / 70%);
}
@media (max-width: 767px) {
	.ec-modal-popup-box {
		width: 80%;
	}
	.modal-container .modal-bg {
		height: 160px;
	}
}
.modal-container .job-text,
.modal-container .wage-text {
	display: block;
	color: #fff;
}
.modal-container .wage-text {
	width: 100%;
	font-size: 24px;
	line-height: 1;
}
.modal-container .trade-desc {
	padding: 39px 24px 0px;
	display: flex;
	flex-wrap: wrap;
}
.modal-container .col-lg-6 {
	width: 100%;
	margin-bottom: 15px;
}
.modal-container .col-lg-6:first-child {
	padding-bottom: 15px;
}
@media (min-width: 480px) {
	.modal-container h2 {
		font-size: 28px;
		line-height: 30px;
	}
	.modal-container h3 {
		font-size: 22px;
		line-height: 26px;
	}
}
@media (min-width: 768px) {
	.modal-container {
		font-size: 14px;
		line-height: 20px;
	}
	.modal-container h2 {
		font-size: 32px;
		line-height: 34px;
	}
	.modal-container h3 {
		font-size: 24px;
		line-height: 28px;
	}
}
@media (min-width: 992px) {
	.modal-container .col-lg-6 {
		max-width: 50%;
	}
	.modal-container .col-lg-6 {
		padding-left: 15px;
	}
	.modal-container .col-lg-6:first-child {
		padding-left: 0;
		padding-right: 15px;
	}
}
@media (min-width: 1025px) {
	.modal-container {
		font-size: 16px;
		line-height: 24px;
	}
	.modal-container h2 {
		font-size: 36px;
		line-height: 38px;
	}
	.modal-container h3 {
		font-size: 26px;
		line-height: 30px;
	}
}
.trade-modal-button {
	font-size: 14px !important;
	font-weight: 600;
	background-color: var(--e-global-color-primary) !important;
	border-radius: 50px !important;
	padding: 12px 22px !important;
	float: right;
	margin: 0 24px 39px 0;
}
.trade-modal-button span {
	color: var(--e-global-color-fae5bbd);
}
.trade-modal-button:hover,
.trade-modal-button:focus {
	box-shadow: inset 0 0 0 100px rgb(144 221 240 / 20%);
}

/* ============================================================ */

/* explore trades section */
.trade-cards .elementor-section .elementor-container {
	justify-content: space-between;
}
.trade-card,
.trade-card .elementor-widget-container,
.trade-card .ec-service-box-wrapper {
	height: 100%;
}
.trade-card .ec-service-box {
	box-shadow: 0 3px 6px rgb(0 0 0 / 5%);
}
.trade-card .ec-service-box:hover {
	box-shadow: 0 6px 6px rgb(0 0 0 / 10%);
}
.trade-card .ec-icon {
	height: 140px;
}

/* trade slider */
.trade-slider .swiper-wrapper {
	align-items: stretch !important;
	padding-top: 3px;
}
.trade-slider .swiper-slide {
	height: auto;
}
.trade-slider .swiper-slide:hover {
	background-color: var(--e-global-color-primary);
	box-shadow: 0px 6px 6px rgb(0 0 0 / 0.1) !important;
}
.trade-slider .swiper-slide:hover .ec-title {
	color: var(--e-global-color-7f29d40) !important;
}
.trade-slider .swiper-slide img {
	max-width: 140px;
	max-height: 140px;
}
.trade-slider .ec-caption {
	padding: 20px 0 !important;
}
.trade-slider .ec-nav {
	order: 0;
	margin: 20px 0 -20px;
}

/* both */
.trade-card .ec-service-box,
.trade-slider .swiper-slide {
	cursor: pointer;
}
.trade-card .ec-service-box,
.trade-card .ec-title,
.trade-slider .swiper-slide,
.trade-slider .ec-title {
	transition: all 0.2s ease-out;
}
.trade-card img,
.trade-slider img {
	filter: hue-rotate(-45deg);
}
.trade-card .ec-service-box,
.trade-slider .ec-slide {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.trade-card .ec-service-box-content,
.trade-slider .ec-caption {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
#cth-visit-form {
	max-width: 600px;
}
@media (max-width: 1024px) {
	#cth-visit-form {
		max-width: 500px;
	}

	#cth-visit-form {
		max-width: 500px;
	}
}

.trade-card.sub-text .ec-service-box-content {
	flex-direction: column;
}
.trade-card.sub-text .ec-service-box .ec-service-box-content h3.ec-title,
.trade-card.sub-text .ec-service-box .ec-service-box-content div.ec-description{
margin: 0px;
	line-height: 1.2em;
}