/*
	Theme Name:     Namchak2025
	Author:         M Booth
	Template:       Divi
	Version:        1.00
*/

/* 
	NOTES:
	Font Families and Weights:
	Open Sans
	Light 300
	Regular 400
	Medium 500
	SemiBold 600
	Bold 700
	ExtraBold 800

	Content size:
	Mobile 375px
	Desktop 1440px
*/

/* Basics */

:root {
	--event-path-practitioner: #212962;
	--event-path-seeker: #eaa01a;
	--event-path-bodhisattva: #893254;
	--breakpoint-tablet: 980px;
	--breakpoint-mobile: 767px;
}

body {
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
	color: #121212;
	opacity: 0;
	transition: opacity 0.3s ease;
	&.loaded {
		opacity: 1;
	}
	&.body-lock-scroll {
		overflow: hidden;
	}
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.15;
	padding-bottom: 0;
}

p {
	/* divi adds line-height to parent element */
	line-height: inherit;
	a {
		color: inherit;
		text-decoration: underline;
	}
}

#main-content {
	a {
		color: inherit;
	}

	p + ul,
	p + ol {
		margin-bottom: 1rem;
		padding-bottom: 0 !important;
		li {
			margin-bottom: 0.5rem;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	ul, ol {
		list-style-position: outside;
		padding-left: 1.5rem !important;
		li {
			margin-bottom: 0.5rem;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
}

.sticky-asset-group {
	position: sticky !important;
	top: 0;
}

/* reset swiper slide height so it works in VB */
.swiper-slide {
	display: flex;
	height: auto;
}

.detect-breakpoint-tablet,
.detect-breakpoint-mobile {
	height: 0 !important;
	overflow: hidden;
	position: absolute !important;
}

.no-results-found {
	display: none;
	&.visible {
		display: block;
	}
}

.not-found-title {
	text-align: center;
	margin-bottom: 1rem;
	& + p {
		text-align: center;
	}
}

/* debug */
.debug-styles {
	header .et_pb_section > .et_pb_row {
		&:before, &:after {
			content: "";
			position: absolute;
			top: 0;
			height: 100vh;
		}
		&:before {
			left: 0;
			border-left: 1px solid red;
		}
		&:after {
			right: 0;
			border-right: 1px solid red;
		}
		> .et_pb_column {
			&:before, &:after {
				content: "";
				position: absolute;
				top: 0;
				height: 100vh;
			}
			&:before {
				left: 0;
				border-left: 1px solid blue;
			}
			&:after {
				right: 0;
				border-right: 1px solid blue;
			}
		}
	}
	#main-content .et_pb_section {
		&:after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			border-bottom: 1px solid red;
		}
	}
	.section-homepage-teachers {
		.sticky-title {
			background-color: lightgrey;
		}
		.sticky-box {
			mask-image: none !important;
        	background-color: aliceblue;
			border: 2px solid blue;
		}
		.sticky-content {
			background-color: lightcoral;
		}
		.content-wrap {
			background-color: lightyellow;
		}
		.teacher-lines {
			.et_pb_row {
				border: 1px solid green;
			}
		}
	}
	.section-homepage-welcome.section-initialized {
		.sticky-box {
			background-color: lightgrey;
		}
		.floating-images-wrap {
			border: 2px solid green;
		}
		.content-wrap {
			background-color: aliceblue;
		}
		.et_pb_image {
			border: 1p solid black;
		}
	}
	.section-timeline-horizontal {
		.timeline-constraint {
			border: 2px solid green;
		}
		.timeline-content {
			background-color: lightblue;
			.timeline-milestone {
				&.active {
                	background-color: aquamarine;
				}
				&:after {
					content: "";
					position: absolute;
					top: 0;
					bottom: 0;
					right: 0;
					border-right: 1px solid yellow;
				}
			}
		}
	}
}