/**
 * Visaco theme compatibility (update-safe).
 */

/* Elementor pages with extra widget CSS can load Bootstrap after theme style.css,
   which resets .text-light link colors in the page header breadcrumb band. */
.breadcrumb-area.text-light .breadcrumb a,
.breadcrumb-area.text-light .breadcrumb li,
.breadcrumb-area.text-light .breadcrumb li.active {
	color: var(--white, #fff);
}

.breadcrumb-area .breadcrumb a,
.breadcrumb-area .breadcrumb a:hover,
.breadcrumb-area .breadcrumb a:focus,
.breadcrumb-area .breadcrumb a:active {
	text-decoration: none;
}

.breadcrumb-area.text-light .breadcrumb a:hover,
.breadcrumb-area.text-light .breadcrumb a:focus {
	color: var(--white, #fff);
	opacity: 0.85;
	text-decoration: none;
}

.breadcrumb-area.text-light .breadcrumb li::after {
	color: var(--white, #fff);
}

/* Header logo — larger than default, without stretching the orange logo shape. */
nav.navbar.validnavs .navbar-header .navbar-brand > img,
nav.navbar.validnavs .navbar-brand img.logo,
nav.navbar.validnavs .center-logo .navbar-brand img,
nav.navbar.validnavs.navbar-fixed .navbar-brand img.logo,
nav.navbar.validnavs.navbar-fixed .logo {
	height: auto !important;
	width: auto;
	max-height: 64px !important;
}

/* Navbar Style One: orange SVG block must not grow with logo (theme uses height:100% on some breakpoints). */
nav.navbar.validnavs.navbar-style-one .navbar-header {
	display: flex;
	align-items: center;
}

nav.navbar.validnavs.navbar-style-one a.navbar-brand {
	display: inline-flex;
	align-items: center;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

nav.navbar.validnavs.navbar-style-one a.navbar-brand::after {
	height: 128px !important;
	max-height: 128px !important;
	min-height: 128px;
	width: 170% !important;
	left: -35% !important;
	bottom: 0;
}

@media (max-width: 1023px) {
	nav.navbar.validnavs .navbar-header .navbar-brand > img,
	nav.navbar.validnavs .navbar-brand img.logo,
	nav.navbar.validnavs.navbar-fixed .logo,
	nav.navbar.validnavs.navbar-fixed .navbar-brand img.logo {
		height: auto !important;
		max-height: 58px !important;
	}

	a.navbar-brand .logo,
	a.navbar-brand > img {
		max-height: 58px !important;
	}

	nav.navbar.validnavs.navbar-style-one a.navbar-brand::after {
		height: 100px !important;
		max-height: 100px !important;
		min-height: 100px;
		width: 155% !important;
		left: -20% !important;
	}

	nav.navbar.validnavs.navbar-style-one a.navbar-brand {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
	nav.navbar.validnavs.navbar-style-one a.navbar-brand::after {
		height: 128px !important;
		max-height: 128px !important;
		min-height: 128px;
	}
}