/*
Theme Name: TheGem Elementor Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem-elementor
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/* ---FONT--- */
body.elementor-default {
	font-family: "Montserrat", Sans-serif;
}

/* ---THEGEM STYLE CHANGES--- */
.scroll-top-button {
	bottom: 150px;
}

/* ---UTILITY STYLES--- */
.wcg-cursor-context-menu > a {
	cursor: default;
}

.wcg-widget-btns a.button {
	background-color: #941b1e;
	border: 0;
	border-radius: 5px;
	display: inline-block;
	padding: 0.8rem 1.6rem;
	color: #ffffff;
	font-size: 1.6rem;
	text-align: center;
	transition: background-color .3s ease-in;
}

.wcg-widget-btns.max-width-240 a.button {
	width: 100%;
	max-width: 240px;
}

.wcg-widget-btns a.button:hover {
	background-color: #540f0f;
	color: #ffffff;
}

.wcg-widget-btns a.button:first-child {
	margin-bottom: 1.6rem;
}

/* ---HEADER--- */
.wcg-contact-links a {
	color: #2f4150;
}

.wcg-top-header-container .gem-button svg {
    fill: #2f4150;
}

/* ---THEGEM TEXTBOX--- */
.wcg-container-textbox .elementor-widget-thegem-styled-textbox,
.wcg-container-textbox .elementor-widget-thegem-styled-textbox .gem-textbox,
.wcg-container-textbox .elementor-widget-thegem-styled-textbox .gem-textbox .gem-textbox-inner,
.wcg-container-textbox .elementor-widget-thegem-styled-textbox .gem-textbox .gem-textbox-inner .gem-textbox-content,
.wcg-container-textbox .elementor-widget-thegem-styled-textbox .gem-textbox .gem-textbox-inner .gem-textbox-content .gem-texbox-text-wrapper {
	height: 100%;
}

.wcg-container-textbox .elementor-widget-thegem-styled-textbox .gem-textbox .gem-textbox-inner .gem-textbox-content,
.wcg-container-textbox .elementor-widget-thegem-styled-textbox .gem-textbox .gem-textbox-inner .gem-textbox-content .gem-texbox-text-wrapper {
	display: flex;
	flex-direction: column;
}

.wcg-container-textbox .elementor-widget-thegem-styled-textbox .gem-textbox .gem-textbox-inner .gem-textbox-content .gem-texbox-text-wrapper h5.gem-textbox-title {
	margin-top: 0;
	margin-bottom: 1.6rem;
}

.wcg-container-textbox .elementor-widget-thegem-styled-textbox .gem-textbox .gem-textbox-inner .gem-textbox-content .gem-texbox-text-wrapper .gem-button-container {
	margin-top: auto;
}

/* ---THEGEM BREADCRUMBS--- */
.breadcrumbs span:nth-child(3) a {
	pointer-events: none;
}


/* ---HOME PAGE--- */
div.block-content,
div.block-content:last-of-type {
    padding: 0;
}


.wcg-bg-dark-blue {
	background-color: #0d1a28;
}

.wcg-bg-dark-red {
	background-color: #941b1e;
}

.wcg-bg-standard-blue {
	background-color: #6184a2;
}

.wcg-pos-top-margin-1-6 {
	top: 1.6rem;
}

.wcg-neg-top-margin-1-6 {
	top: -1.6rem;
}

.wcg-poly-mask {
	clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}

/* ---B-BBEE ACCREDITED LEARNERSHIPS PAGE - TABLE SECTION--- */
body .wcg.accredited-learnerships-table.tablepress {
	font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.36rem) * 0.1282)), 1.6rem);	
}

#tablepress-1.wcg.accredited-learnerships-table.tablepress tbody td {
	border-color: #0d1a28;
}

.wcg.accredited-learnerships-table.tablepress thead th { 
    color: #ffffff;
}

.wcg.accredited-learnerships-table.tablepress thead th:nth-child(1) {
    background-color: #540f0f;
}

.wcg.accredited-learnerships-table.tablepress thead th:nth-child(2) {
    background-color: #941b1e;
}

.wcg.accredited-learnerships-table.tablepress thead th:nth-child(3),
.wcg.accredited-learnerships-table.tablepress thead th:nth-child(4) {
    background-color: #0d1a28;
}

.wcg.accredited-learnerships-table.tablepress>:where(tbody)>.odd>* {
    background-color: #e6e7e8;
}

.wcg.accredited-learnerships-table.tablepress tr td {
	color: #2f4150;
}

.wcg.accredited-learnerships-table.tablepress tbody tr td.column-2 {
	text-align: center;
}

/* ---VACANCIES SINGLE POST--- */
.wcg-remove-custom-field-spacing .thegem-te-custom-fields .custom-fields-item {
	margin: 0;
}

/* ---CLIENT BENEFITS PAGE - TABS--- */
.wcg-client-benefits-tab {
    display: flex;
	gap: 4rem;
}

.wcg-client-benefits-tab .tab-img {
    width: 300px;
}

.wcg-client-benefits-tab .tab-img img:last-child {
    margin-top: 32px;
}

.wcg-client-benefits-tab .tab-content {
    width: calc(100% - 300px - 4rem);
}

/* ---FOOTER---  */
.wcg-width-25.elementor-element {
	width: calc((100% - 12rem) / 4);
}

/* ---MEDIA QUERIES--- */
@media screen and (max-width: 1024px) {
	/* ---Header---	 */
	#wcg-nav-container .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li a {
		font-size: 1.2rem;
	}
	
	#wcg-nav-container .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu > li > a {
		font-weight: 600;
		text-transform: uppercase;
	}
	
	/* ---Footer---  */
	.wcg-width-25.elementor-element {
		width: calc(50% - 4rem);
	}
}

@media screen and (max-width: 810px) {
	/* ---Client Benefits Page - Tabs--- */
	.wcg-client-benefits-tab {
		flex-direction: column;
		gap: 2rem;
	}

	.wcg-client-benefits-tab .tab-img,
	.wcg-client-benefits-tab .tab-img img {
		width: 100%;
	}

	.wcg-client-benefits-tab .tab-content {
		width: 100%;
	}	
}

@media screen and (max-width: 767px) {
	/* Utility Styles */
	.wcg-widget-btns a.button {
		font-size: 1.2rem;
	}
	/* Breadcrumbs */
	.breadcrumbs-container {
		background-color: rgba(255,255,255,0.8);
	}
	
	.breadcrumbs * {
		font-size: 1.2rem;
	}
	
	.breadcrumbs .bc-devider:before {
		padding: 0px 4px;
	}
	
	body .breadcrumbs-container .breadcrumbs .current {
		padding-bottom: 0px;
		border-bottom: 1px solid #941B1EFF;
	}
	
	/* Home Page - Parallax Section--- */
	.wcg-bg-dark-blue {
		top: 0;
	}

	.wcg-bg-dark-red {
		top: 0;
	}
	
	/* B-BBEE Accredited Learnerships Page - Table Section */
	body .wcg.accredited-learnerships-table.tablepress {
		font-size: 1.2rem;	
	}
}

@media screen and (max-width: 479px) {
	/* ---Footer---  */
	.wcg-width-25.elementor-element {
		width: 100%;
	}
}