/*
Theme Name:     Practice Protect University Revamp
Theme URI: 		http://herothemes.com/
Description:    Child theme for KnowAll
Author: 		HeroThemes
Author URI: 	http://herothemes.com
Template:       knowall
Version:        1.0.4
*/

/* ------- Insert custom styles below this line ------- */

/*
 * Header logo size (site-wide, not just the Homepage -- .site-logo is
 * this child theme's own header.php wrapper around the parent KnowAll
 * theme's ht_knowall_site_logo(), knowall/functions.php). That function
 * outputs a bare <img> with no width/height/class of its own; the
 * parent's only sizing is `.site-logo img { max-width:100%; height:auto }`
 * (knowall/css/style.css) -- no cap at all in practice, since .site-logo
 * itself has no explicit width and shrinks to fit its image, so
 * max-width:100% resolves against the image's own natural size. Without
 * an explicit cap it rendered at the uploaded logo file's raw pixel size.
 *
 * The previous version of this rule set only max-height + width:auto,
 * leaning on the parent's own height:auto to complete a non-distorting
 * combination -- correct today, but not self-contained (fragile to
 * anything else in the cascade ever setting an explicit height). This
 * version repeats width/height:auto directly and adds object-fit:contain
 * as a hard backstop: even if width and height were ever both forced to
 * fixed values by something else, contain still scales proportionally
 * inside the box instead of stretching.
 *
 * Only the *rendered* display size is constrained here -- the
 * Customizer's stored logo/dimensions, the actual image file, and the
 * parent theme are all untouched. This file is enqueued on every page
 * (see inc/assets.php/ht_theme_style()), so the header stays a consistent
 * size site-wide, not just on the PPU page templates.
 */
.site-logo img {
	max-height: 44px;
	width: auto;
	height: auto;
	object-fit: contain;
}

@media (max-width: 600px) {
	.site-logo img {
		max-height: 34px;
	}
}