/*
Theme Name: IT'S THE DETAILS
Theme URI: https://trickjames.com
Author: Trick James
Author URI: https://trickjames.com
Description: Custom dark theme for IT'S THE DETAILS Barber Lounge - 30 Years Craft. The Beard Wizard. Features lime green accents, hexagonal design elements, and full social media integration.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: itsthedetails
Tags: dark, custom-colors, custom-logo, featured-images, full-width-template
*/

/* Theme styles are embedded in template files for performance */


/* Instagram and TikTok Feed Styling - Custom Adjustments */

/* Container for both feeds - side by side layout */
.instagram-feed-wrapper,
.elfsight-app-a5066688-1ce5-47e4-818d-447da66eb9f5 {
	  width: 100%;
	  margin: 20px 0;
	  padding: 15px 0;
}

/* Make feeds responsive and full width */
.elfsight-app-606e7b47-612a-4476-9426-cba2403c1b7c,
.elfsight-app-a5066688-1ce5-47e4-818d-447da66eb9f5 {
	  width: 100% !important;
	  max-width: 100% !important;
	  display: block;
}

/* Iframes inside feeds - responsive sizing */
.instagram-feed-wrapper iframe,
.elfsight-app-606e7b47-612a-4476-9426-cba2403c1b7c iframe,
.elfsight-app-a5066688-1ce5-47e4-818d-447da66eb9f5 iframe {
	  width: 100% !important;
	  max-width: 100% !important;
	  height: auto !important;
}

/* Parent container for social feeds section */
[role="region"] > .instagram-feed-wrapper {
	  margin-top: 40px;
	  margin-bottom: 40px;
	  padding: 20px 0;
}

/* Ensure proper spacing between feed items */
.elfsight-app-606e7b47-612a-4476-9426-cba2403c1b7c div,
.elfsight-app-a5066688-1ce5-47e4-818d-447da66eb9f5 div {
	  box-sizing: border-box;
}

/* Feed content wrapper styling */
.instagram-feed-wrapper {
	  display: block;
	  width: 100%;
}

/* Extra spacing for section headers */
h2:contains("LATEST FROM INSTAGRAM") {
	  margin-bottom: 30px;
	  margin-top: 30px;
}

h2:contains("LATEST FROM TIKTOK") {
	  margin-bottom: 30px;
	  margin-top: 30px;
}

/* Long format support - ensure feeds stretch full width */
@media (min-width: 768px) {
	  .instagram-feed-wrapper,
	  .elfsight-app-606e7b47-612a-4476-9426-cba2403c1b7c,
	.elfsight-app-a5066688-1ce5-47e4-818d-447da66eb9f5 {
		    width: 100%;
		    margin-left: auto;
		    margin-right: auto;
	}
}

/* Mobile responsiveness */
@media (max-width: 767px) {
	  .instagram-feed-wrapper,
	  .elfsight-app-606e7b47-612a-4476-9426-cba2403c1b7c,
	.elfsight-app-a5066688-1ce5-47e4-818d-447da66eb9f5 {
		    width: 100%;
		    padding: 10px 0;
		    margin: 15px 0;
	}
}
	}
}
	}
}
}
}
}
}
}
}
}
}