/*
 Theme Name:     RYNO Child Theme
 Theme URI:      http://rynoss.com/
 Description:    RYNO Child Theme
 Author:         Ryno SS - Jerad Shepherd
 Author URI:     http://www.rynoss.com
 Template:       theme-3
 Text Domain:    ryno-theme-three-child
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

.ryno-btn:focus, .ryno-btn[role="button"]:focus {
	color: rgb(3,24,74);
}

.main-navigation > li.has-dropdown.active-child-menu > a, .main-navigation li.has-dropdown ul li a, .main-navigation > li.has-dropdown > ul > li.has-dropdown > ul > li > a {
	color: #FFF;
}

.header__phone a:hover {
	color: #FFB700;
}

.header-wrapper .divider {
	background: #FFF;
	display: inline-block;
  	height: 18px;
	margin-inline: 15px;
	vertical-align: middle;
  	width: 2px;
}

.icon-clock {
	background-image: url(/wp-content/uploads/icon-clock.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 16px;
  	margin-top: -2px;
  	margin-right: 6px;
	vertical-align: middle;
  	width: 16px;
}

.btn {
	min-width: 261px;
}

.ryno-mtt--layout-5 {
	padding-top: 0;
}

.ryno-mtt--layout-5 .ryno-mtt__member-container {
	border-color: rgb(255,183,0);
}

.contact-sidebar--phone .mobile-phone-link {
	font-weight: 700;
}

.ornament::before, .ornament::after {
	border-color: rgb(255,183,0);
}

.footer .phone a:hover .icon-phone {
	filter: grayscale(1) brightness(100);
}

.accordion-item .accordion-header {
	margin-bottom: 0 !important;
}

.accordion-item .accordion-header button {
	font-size: 20px;
}

.front-callout .callout-label {
	margin-inline: auto;
}

@media (min-width: 992px) {
	.main-navigation > li.has-dropdown:has(li a:hover)::after,
	.main-navigation > li li.has-dropdown:has(li a:hover)::after {
		color: #FFF;
	}
	
	.main-navigation li.has-dropdown ul li:hover:after {
		color: var(--nav-dropdown-hover-text);
	}
}

@media (max-width: 991.98px){
	.main-navigation > li.has-dropdown.active-child-menu::after {
		max-height: 54px;
	}
}

@media (max-width: 991.98px) and (min-width: 576px) {
	.footer .footer-box--2, .footer .footer-box--3 {
		text-align: left;
	}
	
	.footer .footer-box--2 {
		margin-left: 7%;
	}
	
	.footer .footer-box--3 {
		width: 43%;
	}
}