/* new important override on colors 092021 */
.utility-header {
background: #415ba9;
}

.nav-item.active>a, .nav-item.active .first-level-btn, .nav-item.active .first-level-link, nav-item-search.active>a, nav-item-search.active .first-level-btn, nav-item-search.active .first-level-link {
color: #415ba9 !important;
}

.btn-primary {
background-color: #415ba9 !important;
border-color: #415ba9 !important;
}

.first-level-link>span[class^="ca-gov-icon"]:not(.carrot), .first-level-btn>span[class^="ca-gov-icon"]:not(.carrot) {
color: #a3b1db !important;
}

.first-level-link > span[class^="ca-gov-icon"] {
color: #a3b1db !important;
}

.nav-item:hover>a, .nav-item:hover .first-level-link {
color: #415ba9 !important;
}

.nav-item:hover>a>span[class^="ca-gov-icon"], .nav-item:hover .first-level-link>span[class^="ca-gov-icon"] {
color: #415ba9 !important;
}

.nav-item.active>a>span[class^="ca-gov-icon"], .nav-item.active .first-level-btn>span[class^="ca-gov-icon"], .nav-item.active .first-level-link>span[class^="ca-gov-icon"], nav-item-search.active>a>span[class^="ca-gov-icon"], nav-item-search.active .first-level-btn>span[class^="ca-gov-icon"], nav-item-search.active .first-level-link>span[class^="ca-gov-icon"] {
color: #415ba9 !important;	
}

/* End */

.nav-item.active>a, .nav-item.active .first-level-btn, .nav-item.active .first-level-link, nav-item-search.active>a, nav-item-search.active .first-level-btn, nav-item-search.active .first-level-link {
color: #415ba9;
}

.nav-item.active>a>span[class^="ca-gov-icon"], .nav-item.active .first-level-btn>span[class^="ca-gov-icon"], .nav-item.active .first-level-link>span[class^="ca-gov-icon"], nav-item-search.active>a>span[class^="ca-gov-icon"], nav-item-search.active .first-level-btn>span[class^="ca-gov-icon"], nav-item-search.active .first-level-link>span[class^="ca-gov-icon"] {
color: #415ba9;
}

@media (max-width: 767px) {
	.containeriframe {
		height: 300px;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.containeriframe {
		height: 600px;
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.containeriframe {
		height: 800px;
		width: 100%;
	}
}

.resp-container {
    position: relative;
    overflow: hidden;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}