/*
Theme Name:  UEONE Child
Theme URI:   https://ue.one
Description: Child theme of UE Parent for the ue.one website.
Author:      UE Systems, Inc.
Author URI:  https://uesystems.com
Template:    ue-parent
Version:     1.0
License:     GNU General Public License v3
Text Domain: ueone-child
*/

/* make sure you reference the parent theme's style.css file for universal settings */

/* =========== GLOBAL STYLES =========== */
.site-footer .wp-block-group.alignwide {
	justify-content: center;
}

.site-footer .wp-block-group.alignwide > .wp-block-group {
	flex-basis: 100% !important;
	justify-content: center !important;
	text-align: center;
}

.site-footer .wp-block-group.alignwide > .wp-block-group .small-text,
.site-footer .wp-block-group.alignwide > .wp-block-group p {
	text-align: center;
}

.site-footer .wp-block-navigation__container,
.site-footer .wp-block-social-links {
	justify-content: center !important;
}

@media (min-width: 768px) {
	.site-footer .wp-block-group.alignwide {
		justify-content: space-between;
	}

	.site-footer .wp-block-group.alignwide > .wp-block-group {
		flex-basis: 48% !important;
		text-align: initial;
	}

	.site-footer .wp-block-group.alignwide > .wp-block-group:nth-child(odd) {
		justify-content: left !important;
	}

	.site-footer .wp-block-group.alignwide > .wp-block-group:nth-child(even) {
		justify-content: right !important;
	}

	.footer-stack.is-horizontal > .wp-block-group:first-child {
		align-items: flex-start;
	}

	.site-footer .wp-block-group.alignwide > .wp-block-group .small-text,
	.site-footer .wp-block-group.alignwide > .wp-block-group p {
		text-align: initial;
	}

	.site-footer .wp-block-navigation__container,
	.site-footer .wp-block-social-links {
		justify-content: right !important;
	}
}

@media (min-width: 1025px) {
	.footer-stack .container-links .wp-block-navigation {
		width: 100%;
	}

	.footer-stack .container-links .wp-block-navigation__container {
		justify-content: flex-end;
	}
}


/* ======= PAGE-SPECIFIC STYLES ======= */

/* === HOME === */
/* Intro content section repsonive layout adjustments */
@media (max-width: 648px) {
	.wp-block-group.intro-content {
		align-items: center;
	}
	.wp-block-group.intro-content .main-text-block {
		grid-column: span 2;
	}
	.wp-block-group.intro-content figure.wp-block-image {
		grid-column: span 2;
		grid-row: 3 / 4;
		justify-self: center;
	}
	.wp-block-group.intro-content figure.wp-block-image img {
		max-width: 175px;
	}
	.wp-block-group.intro-content blockquote.wp-block-quote {
		grid-column: span 2;
	}
}
@media (min-width: 648px) and (max-width: 870px) {
	.wp-block-group.intro-content {
		align-items: center;
	}
	.wp-block-group.intro-content .main-text-block {
		grid-column: span 3;
        grid-row: 2 / 4;
	}
	.wp-block-group.intro-content figure.wp-block-image {
		grid-column: 3 / 3;
    	grid-row: 4 / 4;
		justify-self: center;
	}
	.wp-block-group.intro-content figure.wp-block-image img {
		max-width: 175px;
	}
	.wp-block-group.intro-content blockquote.wp-block-quote {
		grid-column: span 2;
		margin-left: 10%;
	}
}
@media (min-width: 870px) and (max-width: 1097px) {
	.wp-block-group.intro-content {
		align-items: center;
	}
	.wp-block-group.intro-content .main-text-block {
		grid-column: span 3;
        grid-row: 2 / 3;
	}
	.wp-block-group.intro-content figure.wp-block-image {
		grid-column: 4 / 4;
    	grid-row: 2 / 3;
	}
}