/* Non-critical general CSS for 1024px mobile breakpoint */

#top_bar ul.menu a, #primary_navigation ul.menu > li > a { text-transform: uppercase; }

#primary_navigation { margin-top: 15.626px; }

#header .r3423-nav-menu .menu > li > a, #header .r3423-nav-menu .menu > li > a:visited {
	/* Target angle is 38 degrees - https://www.inchcalculator.com/right-triangle-calculator/ */
	clip-path: polygon(100% 0%, 100% calc(100% - 15.626px), 20px calc(100% - 15.626px), 0% 100%, 0% 0%) !important;
	padding-bottom: 25px;
}

#header .r3423-nav-menu .menu > li:is(:hover, :focus, :focus-within) > a {
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--background) !important;
}

#header .r3423-nav-menu .sub-menu {
	background-color: var(--wp--preset--color--background) !important;
	border: 2px solid var(--wp--preset--color--primary);
	/* Target angle is 38 degrees - https://www.inchcalculator.com/right-triangle-calculator/ */
	/*clip-path: polygon(100% 0%, 100% 100%, calc(100% - 20px) calc(100% - 15.626px), 0% calc(100% - 15.626px), 0% 15.626px, 20px 0%) !important;*/
	clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 15.626px, 20px 0%) !important;
	margin-top: -18px;
	/*padding-bottom: 25px;*/
}


@media screen and (min-width: 1025px) {

	#footer .r3423-contact-info-logo {
		display: inline-block;
		margin-bottom: 0.5rem;
		height: 120px;
		max-height: 120px;
		width: 75px;
		max-width: 75px;
	}
	
	#footer .r3423-contact-info-logo img {
		height: 100%;
		object-fit: contain;
		width: 100%;
	}

}


@media screen and (max-width: 1024px) {

	#footer .r3423-contact-info-logo {
		display: inline-block;
		margin-bottom: 0.5rem;
		height: 80px;
		max-height: 80px;
		width: 50px;
		max-width: 50px;
	}
	
	#footer .r3423-contact-info-logo img {
		height: 100%;
		object-fit: contain;
		width: 100%;
	}

}