/*!
Theme Name: Sunshine Urgent Care
Theme URI: https://digisquid.com
Author: DigiSquid
Author URI: https://digisquid.com
Description: The DigiSquid Theme Framework
Version: 25.6.5
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: squid
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Squid is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* ==========================================================================
TABLE OF CONTENTS:
	Variables
	Reset
		- @Import Reset
		- @Import Elements (Base element stying)
		- Box sizing
		- Layout
		- Header
		- Navigation	
		- Typography
		- Links
		- Plugins
		- Widgets
		- Footer
	Accessibility
========================================================================== */

/* ========================================================================== */
/* Imports */
/* ========================================================================== */
@import "style-library/reset.css";
@import "style-library/elements.css";

/* ========================================================================== */
/* !Variables */
/* ========================================================================== */
:root {
	/* === Color Palette === */
	--primary-color: #f48d22; /* Main brand color */
	--secondary-color: #36a0d9; /* Secondary color for accents or UI elements */
	--text-color: #404040; /* Default body text color */
	--body-background-color: #ffffff; /* Page background color */
	
	/* === Typography Settings === */
	--heading-font: "Montserrat", sans-serif; /* Font used for all heading elements (h1–h6) */
	--body-font: "Open Sans", sans-serif; /* Default font for body text */

	/* === Heading Sizes & Line Heights === */
	--h1-size: 2.5rem;
	--h1-height: 2.5rem;
	--h2-size: 2rem;
	--h2-height: 2rem;
	--h3-size: 1.75rem;
	--h3-height: 1.75rem;
	--h4-size: 1.5rem;
	--h4-height: 1.5rem;
	--h5-size: 1.25rem;
	--h5-height: 1.25rem;
	--h6-size: 1rem;
	--h6-height: 1.5rem;

	/* === Paragraph / Body Text === */
	--p-size: 1rem;
	--p-height: 1.5rem;

	/* === Navigation Menu (Squid Menu) === */
	--menu-font: var(--heading-font); /* Font used in navigation menu (inherits heading font by default) */
	--menu-font-size: 1.25rem; /* Base font size for main menu items */
	--menu-font-size-mobile: 1.25rem; /* Font size for mobile overlay menu */
	--menu-line-height: 1.5; /* Line height for menu items */
	--menu-toggle-color: var(--secondary-color); /* Color for hamburger toggle icon */
	--menu-container-color: var(--primary-color); /* Mobile menu background */
	--menu-links-color: white; /* Menu link text color */
	--menu-links-background-color: transparent; /* Background of menu items (default state) */
	--menu-links-hover-color: white; /* Text color for menu items on hover */
	--menu-links-background-hover-color: var(--secondary-color); /* Background for menu items on hover */
	--submenu-color: var(--secondary-color); /* Background of dropdowns on desktop */
	--submenu-hover-background: var(--primary-color); /* Background when hovering submenu items */
	--submenu-hover-color: white; /* Text color on submenu hover */
}

/* ========================================================================== */
/* !Layout */
/* ========================================================================== */
	/* ========================================================================== */
	/* !Header */
	/* ========================================================================== */
		/* The Logo */
		img#logomodule {
		
		}
		
		#headerrow {
		
		}
		
		/* ========================================================================== */
		/* !Squid Menu */
		/* ========================================================================== */		
			
			/* === Menu List Resets === */
			.squid-menu,
			.squid-menu ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			.squid-menu li {
				position: relative;
			}
			
		/* ========================================================================== */
		/* !Desktop Navigation (≥ 992px) */
		/* ========================================================================== */
		@media (min-width: 992px) {
			/* --- Main Menu Container & Hamburger --- */
			.squid-menu-toggle {
				display: none; /* Hide hamburger on desktop */
			}
		
			.squid-menu-container {
				position: static;
				display: flex;
				flex-direction: row;
				height: auto;
				width: auto;
				background: none;
				opacity: 1;
				padding: 0;
				/* --- MENU ALIGNMENT: Uncomment the desired option --- */
				justify-content: flex-end; /* Align menu to the right */
				/* justify-content: center; */ /* Align menu to the center */
				/* justify-content: flex-start; */ /* Align menu to the left (default) */
			}
		
			/* --- Top Level Menu Items --- */
			.squid-menu {
				display: flex;
				gap: 20px;
				font-size: var(--menu-font-size);
			}
		
			.squid-menu > li > a {
				color: var(--menu-links-color);
				text-decoration: none;
				padding: 10px 15px;
				transition: background 0.3s, color 0.3s;
			}
		
			/* Highlight parent link when hovering over the parent OR its submenu */
			.squid-menu > li:hover > a {
				background: var(--menu-links-background-hover-color);
				color: var(--menu-links-hover-color);
			}
		
			/* --- General Sub-Menu Styling (Applies to ALL dropdowns/flyouts) --- */
			.squid-menu .sub-menu {
				display: none; /* Hidden by default */
				position: absolute;
				flex-direction: column;
				background: var(--submenu-color);
				padding: 15px;
				min-width: 180px;
				z-index: 1000;
				box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
				
				/* Initial state for transition */
				opacity: 0;
				transform: translateY(10px);
				transition: opacity 0.25s ease, transform 0.25s ease;
			}
		
			/* --- 1st Level Dropdown --- */
			/* Targets a .sub-menu that is a direct child of a top-level li */
			.squid-menu > li > .sub-menu {
				top: 100%;
				left: 0;
			}
		
			/* --- 2nd+ Level Flyouts --- */
			/* Targets any .sub-menu that is a child of an li within another .sub-menu */
			.squid-menu .sub-menu li > .sub-menu {
				top: 0;
				left: 100%;
				transform: translateX(10px); /* Start flyouts slightly to the right for its animation */
			}
		
			/* --- Universal Hover Trigger to Show Sub-Menus --- */
			/* This rule works for all levels */
			.squid-menu li:hover > .sub-menu {
				display: flex; /* Show the menu */
				opacity: 1;
				transform: translateY(0) translateX(0); /* Return to final position */
			}
		
			/* --- Links inside ANY Sub-Menu --- */
			.squid-menu .sub-menu li a {
				display: block;
				width: 100%;
				box-sizing: border-box;
				padding: 10px;
				color: var(--menu-links-color);
				text-decoration: none;
				transition: background 0.3s, color 0.3s;
			}
		
			.squid-menu .sub-menu li a:hover {
				color: var(--menu-links-hover-color);
				background: var(--submenu-hover-background);
			}
		}
		
		/* ========================================================================== */
		/* !Mobile/Tablet Navigation (< 992px) */
		/* ========================================================================== */
		@media (max-width: 991px) {
			/* === Hamburger Toggle Button === */
			.squid-menu-toggle {
				flex-direction: column;
				justify-content: space-between;
				width: 30px;
				height: 20px;
				cursor: pointer;
				background: none;
				border: none;
				z-index: 10001;
				position: fixed;
				top: 20px;
				right: 20px;
			}
			.squid-menu-toggle span {
				background-color: var(--menu-toggle-color);
				height: 3px;
				width: 100%;
				border-radius: 2px;
				transition: 0.3s ease;
			}
			.squid-menu-toggle.active span:nth-child(1) {
				transform: rotate(45deg) translate(6px, 6px);
			}
			.squid-menu-toggle.active span:nth-child(2) {
				opacity: 0;
			}
			.squid-menu-toggle.active span:nth-child(3) {
				transform: rotate(-45deg) translate(6px, -6px);
			}
			.squid-menu-toggle {
				display: flex;
			}
			.squid-menu-container {
				position: fixed;
				top: 0;
				left: 0;
				width: 100vw;
				height: 100vh;
				background: var(--menu-container-color);
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				padding: 20px;
				z-index: 10000;
				opacity: 0;
				visibility: hidden;
				pointer-events: none;
				transition: opacity 0.4s ease, visibility 0.4s ease;
			}
			.squid-menu-container.active {
				opacity: 1;
				visibility: visible;
				pointer-events: auto;
			}
			.squid-menu {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 20px;
				font-size: var(--menu-font-size-mobile);
			}
			.squid-menu li {
				width: 100%;
				text-align: center;
			}
			.squid-menu li a {
				display: block;
				padding: 15px;
				color: var(--menu-links-color);
				text-decoration: none;
				transition: background 0.3s, color 0.3s;
			}
			.squid-menu li a:hover {
				background: var(--menu-links-background-hover-color);
				color: var(--menu-links-hover-color);
			}
			/* === Submenu Reveal (Always visible on mobile) === */
			.squid-menu li ul {
				display: block;
				background: none;
				padding: 0;
			}
		
			.squid-menu li ul li a {
				padding-left: 30px;
				font-size: 0.95em;
			}
		}
	
	/* ========================================================================== */
	/* !Typography */
	/* ========================================================================== */
	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		color: var(--text-color);
		font-family: var(--body-font);
		font-size: 1rem; /* Defaults to 16pt on most browsers*/
		line-height: 1.5;
	}
	body {
	background: url(background.png) repeat 0 top;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		clear: both;
		font-family: var(--heading-font);
		color: var(--primary-color);
		margin-block-start: 2rem;
		margin-block-end: 1rem;
	}
	
	h1 {
		font-size: var(--h1-size);
		line-height: var(--h1-height);
	}
	
	h2 {
		font-size: var(--h2-size);
		line-height: var(--h2-height);
	}
	
	.header h2,
	.footer h2 { /* Adjust the size of text in the header & footer to accommodate semantic markup */
		font-size: var(--h4-size);
		line-height: var(--h4-height);
	}
	
	h3 {
		font-size: var(--h3-size);
		line-height: var(--h3-height);
	}
	
	.header h3,
	.footer h3 { /* Adjust the size of text in the header & footer to accommodate semantic markup */
		font-size: var(--h5-size);
		line-height: var(--h5-height);
	}
	
	h4 {
		font-size: var(--h4-size);
		line-height: var(--h4-height);
	}
	
	h5 {
		font-size: var(--h5-size);
		line-height: var(--h5-height);
	}
	
	h6 {
		font-size: var(--h6-size);
		line-height: var(--h6-height);
	}
	
	p {
		font-size: var(--p-size);
		line-height: var(--p-height);
		margin-bottom: 1.5em;
	}
	
	dfn,
	cite,
	em,
	i {
		font-style: italic;
	}
	
	blockquote {
		margin: 0 1.5em;
	}
	
	address {
		margin: 0 0 1.5em;
	}
	
	pre {
		background: #eee;
		font-family: "Courier 10 Pitch", courier, monospace;
		line-height: 1.6;
		margin-bottom: 1.6em;
		max-width: 100%;
		overflow: auto;
		padding: 1.6em;
	}
	
	code,
	kbd,
	tt,
	var {
		font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	}
	
	abbr,
	acronym {
		border-bottom: 1px dotted #666;
		cursor: help;
	}
	
	mark,
	ins {
		background: #fff9c0;
		text-decoration: none;
	}
	
	big {
		font-size: 125%;
	}
	
	.top {
		z-index: 1000;
	}
	
	/* ========================================================================== */
	/* !Links */
	/* ========================================================================== */
	a {
		color: var(--primary-color);
	}
	
	a:visited {
		color: var(--secondary-color);
	}
	
	a:hover,
	a:focus,
	a:active {
		color: var(--primary-color);
	}
	
	a:focus {
		outline: 2px solid var(--primary-color);
		outline-offset: 2px;
	}
	
	a:hover,
	a:active {
		outline: 0;
	}
	
	/* Inline Buttons */
	p.button a {
	  display: inline-block;
	  padding: 10px 20px;
	  color: #36a0d9 !important;
	  background: #ffffff;
	  border: 2px solid #36a0d9;
	  border-radius: 10px; }
	
	p.button a:hover {
	  color: #ffffff !important;
	  background: #36a0d9; }

	
	/* ========================================================================== */
	/* !Plugins */
	/* ========================================================================== */
	
		/* ========================================================================== */
		/* Jetpack infinite scroll */
		/* ========================================================================== */
		
		/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
		.infinite-scroll .posts-navigation,
		.infinite-scroll.neverending .site-footer {
			display: none;
		}
		
		/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
		.infinity-end.neverending .site-footer {
			display: block;
		}
	
		/* ========================================================================== */
		/* Beaver Builder */
		/* ========================================================================== */
		
		
		/* ========================================================================== */
		/* Gravity Forms */
		/* ========================================================================== */
			body .gform_wrapper ul li.gfield {
				margin-top: 0px !important;
				padding-top: 0;
			}
			
			.block-content ul li {
				margin-bottom: 0 !important;
				margin-top: 0 !important;
				}
				
			.gform_body ul li .ginput_container select,.gform_body ul li .ginput_container input{
				margin-top: 0 !important;
				margin-bottom: 0px;
			}
		
			.gform_wrapper .gform_footer input[type="submit"] {
				padding: 10px;
			}
		/* @end */
		
		/* ========================================================================== */
		/* !Animations */
		/* ========================================================================== */
			.grow { 
				transition: all .2s ease-in-out; 
			}
		
			.grow:hover { 
				transform: scale(1.1); 
			}
		
			.grayscale {
				filter: none;
			}
			
			.grayscale:hover {
				transition: all 1s ease-in-out; 
				filter: grayscale(1.0);
			}
			
			.fadein {
				opacity: 0;
				transition: opacity 0.5s ease-in;
			}
			
			.slide {
				transition: transform 0.3s ease;
			}
			
			.slide:hover {
				transform: translateY(-5px);
			}
			
			.rotate {
				transition: transform 0.3s ease-in-out;
			}
			
			.rotate:hover {
				transform: rotate(15deg);
			}
			
			@keyframes pulse {
				0% { transform: scale(1); }
				50% { transform: scale(1.05); }
				100% { transform: scale(1); }
			}
			
			.pulse {
				animation: pulse 1.5s infinite;
			}
			
			.shadow {
				transition: box-shadow 0.3s ease;
			}
			
			.shadow:hover {
				box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
			}

		/* @end */
		
		/* ========================================================================== */
		/* !Footer */
		/* ========================================================================== */
			#footerrow {
			
			}
			
			#footerbottomrow {
				
			}