noscript {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 14px;
    color: #fff;
    background: #ac2716;
    display: block;
    padding: 5px 0;
    text-align: center;
    z-index: 99999;
}

#wrapper {
	overflow: hidden;		
}
 
.skip-to-content{
    position: absolute;
    top: 3px;
    left: 3px;
  border-radius: 3px !important;
    color: #ffffff;
    background: #ECA832 !important;
    -webkit-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    z-index:100000;
}
.skip-to-content:hover,
.skip-to-content:focus,
.skip-to-content.focus-visible{
    color: #ffffff;
    opacity: 1;
    background: #000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


.accessibility,
.skip-link {
    position: absolute;
    left: -200vw;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.accessibility:focus,
.skip-link:focus {
	position: static;
	
	width: auto;
	height: auto;
	outline: rgba(228,225,84,1.00) dashed 1px;
}

.visually-hidden {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

a {
	display: inline-block;
	position: relative;
	z-index: 1;
}

a:focus:before {
	opacity: 1;
	visibility: visible;
}

a:before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 2px;
 background-color: #ac2716; 
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.entry-image a:before,
.media-box .fbox-media a:before,
#footer .social-icon:before,
.button:before {
	height: auto;
	top: -2px;
	right: -2px;
	left: -2px;
	border-radius: var(--bs-border-radius-pill);
	z-index: -1;
	background-color: transparent;
	border: 2px solid #4C5B52;
}

.popup-exit .button:before,
.mfp-content .button:before {
	border-radius: 0;
}

.stretched #gotoTop a:before,
#footer .social-icon:before {
	border-radius: 2px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: auto;
	z-index: -1;
}

.button.button-full:before {
	border-radius: 0;
}

.entry-image a:before,
.media-box .fbox-media a:before {
	z-index: 3;
	border-radius: 0;
}

.entry-image a:before {
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.slider-arrow-left:focus,
.slider-arrow-right:focus {
	background-color: #ac2716;
}

.owl-carousel .owl-nav [class*=owl-]:focus {
	opacity: 1;
	background-color: #ac2716;
	color: #fff;
}

.owl-carousel .owl-dots .owl-dot:focus {
	background-color: #ac2716;
}

.stretched #gotoTop a {
	position: static;
}

.is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.mega-menu).hover .sub-menu-container {
	opacity: 1 !important;
	visibility: visible !important;
	margin-top: 0 !important;
	z-index: 399 !important;
	pointer-events: auto !important;
	transition: opacity var(--cnvs-primary-menu-submenu-display-speed) ease, margin var(--cnvs-primary-menu-submenu-display-speed) ease;
}

.is-expanded-menu .primary-menu:not(.on-click) .menu-item:not(.menu-item-hover) .menu-link + .sub-menu-container > * {
	display: block !important;
}

.popup-exit {
	transition: right 0.3s;
	transition-delay: 1s;
	position: fixed;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 500;
    overflow: hidden;
    bottom: 0;
    margin: 0;
    padding-top: 180px;
    pointer-events: none;
	transform: translateX(100%);
	animation: animate_slide_popup 2s forwards;
	animation-delay: 1.5s;
}

@keyframes animate_slide_popup {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(0);
	}
}

.popup-exit.popup-exit-hidden {
	right: -100%;
}

.popup-exit .block {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.popup-exit > * {
	pointer-events: auto;
}

/* Focus style */
body :focus {
  outline: 3px solid #007ACC;  
  outline-offset: 3px;
  box-shadow: 0 0 5px rgba(0, 122, 204, 0.6);  
  transition: outline 0.2s ease, box-shadow 0.2s ease;
}
 
body :focus-visible {
  outline: 3px solid #007ACC;
  outline-offset: 3px;
  box-shadow: 0 0 5px rgba(0, 122, 204, 0.6);
  transition: outline 0.2s ease, box-shadow 0.2s ease;
}