/*
Theme Name:   Digit-L Concepts
Description:  Digit-L Concepts Go Child Theme
Author:       Digit-L Concepts
Author URI:   https://digit-l.com   
Template:     go
Version:      1.0.10.243
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  gochild
*/

/* Start Site Wide Styling */
	html{
		scroll-padding-top:42px;
	}
	:root{
		--go--max-width:unset;
	}
	.max-width-200px{
		max-width:200px!important;

	}
	*{
		font-family: "roboto", sans-serif;
		font-weight: 300;
		font-style: normal;
	}

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
		font-family: "avory-i-pe-variable",sans-serif;
		font-variation-settings: 'wght' 500;
		color:#3B3B3B;
	}
	p{
		color:#3B3B3B;
	}
	.vh-60{
		height: 90vh;
	}

	/* Start allows Sticky To Work with this Theme */
	.site-content {
		overflow: unset;
		overflow-x: ;
		overflow-y: ;
	}
	.sticky-top {
		top: 36px!important;
	}
	/* End allows Sticky To Work with this Theme */

	/* Start Partners List Styling */	
		.our-partners-list{
			column-count:2
		}
		.our-partners-list li{
			break-inside:avoid;
		}
		@media screen and (min-width: 576px){
			.our-partners-list{
				column-count:2
			}
		}
		@media screen and (min-width: 768px){
			.our-partners-list{
				column-count:3
			}
		}
		@media screen and (min-width: 1200px){
			.our-partners-list{
				column-count:4
			}
		}
		#community-partners{
			background-color: var(--go--color--secondary) ;
			color:#f6ebd9;
		}
		#community-partners h2{
			padding-top:2rem;
			text-align:center;
			color: #f6ebd9;
		}
		#community-partners a {
			color: #f6ebd9;
			text-decoration: none;
		}

		.our-partners-list h6 {
			font-family: 'zeitung';
			font-weight: 100;
			font-size: 1rem;
		}
		.our-partners-list{
			column-count:2
		}

		@media screen and (min-width: 576px){
			.our-partners-list{
				column-count:2
			}
		}
		@media screen and (min-width: 768px){
			.our-partners-list{
				column-count:3
			}
		}
		@media screen and (min-width: 1200px){
			.our-partners-list{
				column-count:4;
			}
		}
	/* End Partners List Styling */	
	/* Start Styling For Calendar Events */
		.calendar-icon {
			border-radius: 5px;
			width: 130px;
			height: 130px;
			border: 1px solid black;
			padding: 0px;
			background-color: white;
			transform: rotate(-6deg);
/* 			margin-right: 20px;
			 */
			margin-right: auto;
			margin-left:auto;
			margin-bottom: 1rem;
		}

		.calendar-month {
			color: white;
			font-weight: 600;
			padding: 3px;
			background-color: var(--go--color--primary);
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		.calendar-day {
			color:black;
			font-size: 3rem;
			font-weight: 800;
			transform: rotate(7deg);
		}
		.calendar-details{
			width: 100%;
		}
		@media screen and (min-width: 768px){
			.calendar-details{
			width: calc(100% - 200px);
			}
		}
	/* End Styling For Calendar Events */
	/* Start Styling for Nav Menu */
		#rmp-container-673 {
			padding: 0;
		}
		.rmp-header-bar-items { 
			justify-content: space-between; 
		}
		#site-logo {
			position: fixed;
			top: 10px;
			left: 10%;
			display: flex;
			height:80px;
			z-index: 99997;
		}
		#site-logo img{
			transition: width 0.3s ease, height 0.3s ease; /* Smooth transition */
			width:128px;
			height:128px;
		}
		#site-header-title{
			transition: margin-left 0.3s ease; /* Smooth transition */
			margin-left:136px;
		}
		#headerImage {
			width: 128px;
			height: 128px;
			transition: width 0.3s ease, height 0.3s ease; /* Smooth transition */
		}
		@media screen and (max-width: 1178px){
			#site-logo img {
				width: 64px;
				height: 64px;
			}
			#site-header-title{
				margin-left:72px;
			}
			#headerImage {
				width: 64px;
				height: 64px;
				margin-left: 72px;
			}
		}
		@media screen and (max-width: 768px){
			#site-logo img{
				display: none;
			}
			#site-header-title{
				margin-left:0px;
			}
			#headerImage {
				display:none;
			}
		}
	/* End Styling for Nav Menu */
/* End Site Wide Styling */
	
/* Start Data Dashboard Styling */
	#data-dashboard i.fa-square-info{
		cursor:pointer;
		position:relative;
	}
	/* Tooltip bubble */
		#data-dashboard .tooltiptext {
			visibility: hidden;
			line-height:1.5;
			width: 360px;
			background-color: #E3BC91;
			color: #000000;
			text-align: center;
			border-radius: 5px;
			padding: .5rem;
			position: fixed;
			z-index: 10000;
			top:20%;
			left:50%;
			transform: translateX(-50%); /* Center the tooltip by default */
			opacity: 0;
			transition: opacity 0.3s;
			box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25), 
						0 4px 8px rgba(0, 0, 0, 0.15);
		}
	/* Tooltip bottom arrow */
		#data-dashboard .tooltiptext::after {
			display:none!important;
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #E3BC91 transparent transparent transparent;
		}
	/* Show the tooltip when hovering */
		#data-dashboard i.fa-square-info:hover .tooltiptext {
				visibility: visible;
				opacity: 1;
		}
	/* Start Styling For Priority Data */
		.data-point-label{
			padding-right: 1rem;
		}
		.data-point-recent{
			width:120px;

		}
		.data-point-target{
			width:120px;

		}
		.data-point-trend{
			width:120px;

		}

	/* End Styling For Priority Data */
	/* Start Styling for Enrollment */
		#program-enrollment{
			overflow-x: auto; /* Enables horizontal scrolling */
			width: 100%; /* Ensures the container takes full width */
		}
		#program-enrollment table{
			min-width:700px;
		}
		#program-enrollment th, #program-enrollment td{
			border: 2px dotted #000!important;
		}
		#program-enrollment table td:not(:first-child),
		#program-enrollment table th:not(:first-child) {
			text-align: center;
		}
	/* End Styling for Enrollment */
/* End Data Dashboard Styling */		
		
/* Start Styling for Front-Page */				
	#header-text{
		color: black;
		position:absolute;
		top:0;bottom:0;
		width:100%;
		left:0%;
		z-index:100;
		background-color:rgba(168,198,134, 0.9);
		padding-left:2rem;
		padding-right:2rem;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); /* Horizontal, Vertical, Blur, Color */
	}
	.cover-text{
		background-color: rgba(255, 255, 255, 0.75);
		padding: 1rem;
	}

	@media screen and (min-width: 576px){
		#header-text{
			width:80%;
			left:10%;
		}
	}
	@media screen and (min-width: 768px){
		#header-text{
			width:600px;
			left:10%;
		}
	}
	@media screen and (min-width: 1200px){
		#header-text{
			width:600px;
			left:10%;
		}
	}
	@media screen and (min-width: 1400px){
		#header-text{
			width:600px;
			left:10%;
		}
	}
/* End Styling for Front-Page */
/* Start Styling for Families Page  */
	/* Start Styling for Previous Events */
		.previous-event-title{
			text-align:right;
			width:calc(50% - 75px)
		}
		.previous-event-image{
			width:130px;
			height:130px;
			margin-right:10px;
			margin-left:10px;
			padding:0px;
			border-radius:50%;
			object-fit:cover;
			object-position:center;
		}
		.previous-event-date{
			width:calc(50% - 75px);
			text-align:left;
		}
		@media screen and (max-width: 768px){
			.previous-event-title{
				text-align:center;
				width:100%;
				order:2;
				margin-top:1rem;
			}
			.previous-event-image{
				width:90%;
				height:130px;
				border-radius:10px;
				margin-right:auto;
				margin-left:auto;
				padding:0px;
				order:1;
			}
			.previous-event-date{
				width:100%;
				text-align:center;
				order:3;
			}
		}
	/* End Styling for Previous Events */
	/* Start Styling for Resources */
		.badge-tan{
			background-color:var(--go--color--primary);
			color:white;
		}
		.btn-resource{
			color:black;
			background-color:var(--go--color--tertiary)!important;
		}
		/* Styling for Family Search Bar */
			.sf-field-search label {
				width: 100%;
			}
	/* End Styling for Resources */
/* End Styling for Families Page  */

/* Start Styling for Past Event Pages */
	.single-past-event .post__thumbnail {
		display: none;
	}
/* End Styling for Past Event Pages */