/**
 * Wide Template (Full Width) Styles
 *
 * Outer containers span 100% width, but inner content (rows)
 * are constrained to 1080px max-width and centered.
 */

/* Override container max-width for wide template pages - 100% width */
body.page-template-page-template-wide .wide-template-container .container,
body.page-template-page-template-wide #main-content .container {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0;
	padding-right: 0;
}

/* Ensure Divi Builder sections span full width */
body.page-template-page-template-wide .et_pb_section {
	max-width: 100% !important;
	width: 100% !important;
}

/* Override default container constraints - 100% width */
body.page-template-page-template-wide .wide-container {
	max-width: 100% !important;
	width: 100% !important;
}

/* Content area full width */
body.page-template-page-template-wide #content-area {
	width: 100% !important;
	max-width: 100% !important;
}

/* Left area (main content) full width when using page builder */
body.page-template-page-template-wide.et_pb_pagebuilder_layout #left-area {
	width: 100% !important;
	float: none !important;
}

/* IMPORTANT: All Divi content should be constrained to 1080px and centered */

/* Constrain all rows to 80% width with 1080px max-width, centered */
body.page-template-page-template-wide .et_pb_row {
	width: 80% !important;
	max-width: 1080px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	position: relative !important;
}

/* Inner rows also constrained */
body.page-template-page-template-wide .et_pb_row_inner {
	width: 80% !important;
	max-width: 1080px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Ensure columns don't overflow the row constraints */
body.page-template-page-template-wide .et_pb_column {
	max-width: 100%;
}

/* Constrain all modules within the container */
body.page-template-page-template-wide .et_pb_module {
	max-width: 100%;
}

/* Ensure the entry-content wrapper doesn't add constraints */
body.page-template-page-template-wide .entry-content {
	width: 100% !important;
	max-width: 100% !important;
}

/* Ensure the post article doesn't constrain */
body.page-template-page-template-wide article {
	width: 100% !important;
	max-width: 100% !important;
}

/* Remove default padding on main content container */
body.page-template-page-template-wide:not(.et-tb) #main-content .container,
body.page-template-page-template-wide:not(.et-tb-has-header) #main-content .container {
	padding-top: 0 !important;
}

/* Maintain header and navigation at full width (already should be) */
body.page-template-page-template-wide #main-header,
body.page-template-page-template-wide #et-top-navigation {
	width: 100%;
}

/* Optional: Add subtle padding on very small screens for readability */
@media (max-width: 768px) {
	body.page-template-page-template-wide .et_pb_section {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Ensure no sidebar is shown (full width content) */
body.page-template-page-template-wide #sidebar {
	display: none;
}

/* Hide page title on wide template pages */
body.page-template-page-template-wide .main_title,
body.page-template-page-template-wide .entry-title,
body.page-template-page-template-wide h1.main_title {
	display: none !important;
}

/* Style for "Available Advanced Trainings" title */
body.page-template-page-template-wide .et_pb_text h1 {
	font-family: 'Cormorant Garamond', serif !important;
	font-size: 42px !important;
	font-weight: 300 !important;
	color: #9e844c !important;
	background-color: transparent !important;
	text-align: center !important;
	padding: 30px 20px !important;
	margin-bottom: 40px !important;
	line-height: 1.4em !important;
	letter-spacing: 1px !important;
}