/*
Theme Name: Trauma Assist Child Theme
Description: Child theme for the Shapely theme, created for Trauma Assist.
Author: Web Consultant Geek
Author URI: https://webconsultantgeek.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: trauma-assist-child-theme
*/

/*
 * Add project-specific CSS below this line.
 */

/* ---FONTS--- */
/* cormorant-garamond-600 - latin */
@font-face {
	font-display: swap;
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/cormorant-garamond-v21-latin-600.woff2') format('woff2'),
	   url('fonts/cormorant-garamond-v21-latin-600.woff') format('woff');
}

/* mada-500 - latin */
@font-face {
	font-display: swap;
	font-family: 'Mada';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/mada-v21-latin-500.woff2') format('woff2'),
}

/* mada-300 - latin */
@font-face {
	font-display: swap;
	font-family: 'Mada';
	font-style: normal;
	font-weight: 300;
	src: url('fonts/mada-v21-latin-300.woff2') format('woff2'),
}

body {
	font-family: 'Mada', sans-serif;
	font-weight: 300;	
}

h1,
h2,
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 600;
}

h3,
h4,
h5,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h5.elementor-heading-title {
	font-family: 'Mada', sans-serif;
	font-weight: 500;
}

.elementor-widget-button .elementor-button .elementor-button-text {
	font-weight: 500;
}

/* ---ELEMENTOR STYLE CHANGES--- */
.wcg-remove-auto-margins.e-con-boxed.e-flex {
	align-items: flex-end;
}

.wcg-remove-auto-margins.e-con-boxed .e-con-inner,
.wcg-remove-margins p:last-child {
	margin: 0;
}

/* ---HEADER & NAV--- */
.wcg-nav a {
	font-weight: 500;
}

.wcg-nav li:not(:last-child) > a.tahefobu-active-menu-item::after {
    content: '';
	background-color: #376171;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
}

.wcg-nav .tahefobu-nav-menu .wcg-header-cta-btn.menu-item a.tahefobu-menu-item,
.wcg-nav .tahefobu-nav-menu .wcg-header-cta-btn.menu-item a.tahefobu-menu-item.tahefobu-active-menu-item {
    background-color: #376171;
	border-radius: 2rem;
    color: #ffffff;
    padding: 1rem 1.5rem;
	transition: background-color .3s ease;
}

.wcg-nav .tahefobu-nav-menu .wcg-header-cta-btn.menu-item a.tahefobu-menu-item:hover {
    background-color: #91a8a4;
    color: #ffffff;
}

/* ---MEDIA QUERIES--- */

/* ---HEADER & NAV--- */
@media screen and (max-width: 1249px) {
	.wcg-nav.tahefobu-nav-menu-bp-tablet .tahefobu-nav-menu-container {
		display: none;
	}
	
	.wcg-nav.tahefobu-nav-menu-bp-tablet .tahefobu-mobile-nav-menu-container {
		display: block;
	}
}

/* ---ELEMENTOR STYLE CHANGES--- */
@media (min-width: 768px) and (max-width: 1017px) {
	.elementor-button-wrapper .elementor-button.elementor-button-link {
		width: 225px;
	}	
}
	
@media screen and (max-width: 767px) {
 	.elementor-button-wrapper .elementor-button.elementor-button-link {
		width: 100%;
	}
}