/*
Theme Name: cosmic-wp-v2
Theme URI: https://git.uoregon.edu/projects/UWR/repos/cosmic-wp-v2/browse
Author: Digital Strategy and Communications, University of Oregon
Author URI: http://digital.uoregon.edu
Description: <p>This is the official UO Cosmic theme. The UO Banner and Footer plugin is no longer a required dependency and should be uninstalled prior to going live with your site.  Not all third party plugins are compatible with this theme.  Please review our <a href="https://digital.uoregon.edu/terms-and-conditions">Terms and Conditions</a> prior to installing and enabling the Cosmic V2 theme.  The University of Oregon is committed to ensuring that its websites can be fully used by people with disabilities. As a result, all sites used to conduct University of Oregon business (including instructional and administrative sites, as well as sites for official university programs and events) are required to meet <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">W3C WCAG 2.1 AA</a> standards. UO has developed a <a href="https://digitalaccessibility.uoregon.edu/training/web">Web Accessibility Training</a>, which is recommended for all employees creating online content, to provide guidance in meeting these requirements, and people who complete the training can join the university's Web Accessibility Peer Support Community for additional assistance. Questions about the university's web accessibility requirements can be directed to the <a href="mailto:ictaccess@uoregon.edu">Digital Accessibility Architect</a>.</p> 
Version: 25.06-beta
Text Domain: cosmic-wp-v2
Tags: accessibility-ready, education, theme-options
*/

/* Fixes height issue on expanded menus in mobile menu. */
.uowdf-mobile-menu__submenu {
	top: 0;
	height: unset !important;
}

/* Wordpress specific UI overrides */
/* Hide updated time */
.posted-on .updated {
	display: none;
}

.comments-link {
	margin: 0 10px 0 0;
}

.cat-links {
	margin: 0 10px 0 0;
}

.entry-content {
	margin: 10px 0 0 0;
}

.nav-links {
	margin: 10px 0;
}

.tags-links {
	margin: 0 10px;
}

.edit-link {
	margin: 0 10px;
}

.form--inline .form-actions {
	margin-top: 1em;
	margin-bottom: 1em;
}

.item-list .title {
	font-weight: bold;
}

/* 
* Override Cosmic gallery styles. From Twenty-Twenty-One theme.
*/
.gallery {
	display: flex !important;
	flex-flow: row wrap !important;
	flex-direction: row !important;
	justify-content: flex-start !important;
	padding: 0 !important;
	margin: 0 !important;
}

.gallery-item {
	display: flex !important;
	flex-direction: column !important;
	width: 150px !important;
	padding: 20px 20px 0 0 !important;
	line-height: 20px !important;
}

.gallery-item img {
	cursor: pointer !important;
}

.gallery-item a {
	display: block !important;
}

.gallery-item a:focus img {
	outline-offset: -2px !important;
}

/*
* Image styles 
*/

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%;
	/* When images are too wide for containing element, force them to fit. */
	height: auto;
	/* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.wp-caption {
	background: #ffffff;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important;
	/* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}

.wp-caption img {
	margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}

.wp-smiley {
	margin: 0;
}