/*
 * Theme Name: sl-ua-theme-3
 * Theme URI: https://sa.ua.edu/
 * Description: This WordPress theme framework is intended solely for The University of Alabama Division of Student Life.
 * Version: 1.0
 * Author: Brent Springer
 * Author URI: https://sa.ua.edu/
 * Template: ua-theme
 * Text Domain: uastudentlifeweb
 */

.sl-image-border img {
	border: solid 1px black;
	border-radius: 10px;
}

.sl-QueryLoop {
	background-color: #F1F2F3;
	height: 100%;
}

/* Query Loop styled like Card blocks */
/* Match heights within a row */
.sl-util_li_display--flex li {
	display: flex;
}
.sl-util_height--100 {
	height: 100%;
}
/* Include featured image in Card block link */
.wp-block-query .ua_card_image-wrapper .wp-block-post-featured-image {
        position: inherit;
}

/* Staff page card formatting - add "sl-staff" to css of block containing card block(s) */
/* Limit card blocks to 500px wide on tablet/mobile screens */
@media screen and (max-width:927px) {
	.sl-staff .ua_card {
		max-width: 500px; 
		margin-left: auto; 
		margin-right: auto;
	}
	.sl-staff .ua_card img, .sl-staff .wp-block-image img {
		width: auto;
	}
}
/* Limit vertical card blocks to 500px wide */
.sl-staff .ua_card:not(.ua_card--landscape), {
	max-width: 500px; 
	margin-left: auto; 
	margin-right: auto;
} 
.sl-staff .ua_card:not(.ua_card--landscape) img {
	width: auto;
}

/* fit card to image and/or content width instead of stretching image - add "sl-card" to css of block containing card block(s) */
.sl-card-fit .ua_card {
	max-width: fit-content; 
	margin-left: auto; 
	margin-right: auto;
}
.sl-card-fit .ua_card img {
	width: auto;
}

/* Card block subtitle font small instead of extra small (applies to groups/cards containing the class "sl-staff" or "sl_card_subtitle--small") */
.ua_minerva .sl-staff .ua_card_subtitle, .ua_minerva .sl_card_subtitle--small .ua_card_subtitle {
	font-size: var(--ua_font-size--small, 1rem);
}

/* Apply formatting to child groups - works best with content or wide width */
/* All child groups have padding: flow */
.sl-group-child-boxes > div.wp-block-group {
	padding: var(--ua_space--flow, 2rem) !important;
}
/* Starting with the first, every other child group has a gray background */
.sl-group-child-boxes.gray-odd > div.wp-block-group:nth-child(odd){
	background: var(--ua_color-background--element, #f2f3f4);
}
/* Starting with the second, every other child group has a gray background */
.sl-group-child-boxes.gray-even > div.wp-block-group:nth-child(even){
	background: var(--ua_color-background--element, #f2f3f4);
}
/* All child groups have a gray background */
.sl-group-child-boxes.gray-all > div.wp-block-group{
	background: var(--ua_color-background--element, #f2f3f4);
}

/* Apply formatting to child group sections - applies full width to background */
/* All child groups have full width */
.sl-group-child-sections > div.wp-block-group {
	max-width: 100% !important;
}
/* Starting with the first, every other child group has a gray background */
.sl-group-child-sections.gray-odd > div.wp-block-group:nth-child(odd){
	background: var(--ua_color-background--element, #f2f3f4);
	padding-block: var(--ua_space--8, 4rem);
}
.sl-group-child-sections.gray-odd > div.wp-block-group:nth-child(even){
	margin-block: var(--ua_space--8, 4rem);
}
/* Starting with the second, every other child group has a gray background */
.sl-group-child-sections.gray-even > div.wp-block-group:nth-child(even){
	background: var(--ua_color-background--element, #f2f3f4);
	padding-block: var(--ua_space--8, 4rem);
}
.sl-group-child-sections.gray-even > div.wp-block-group:nth-child(odd){
	margin-block: var(--ua_space--8, 4rem);
}