:root {
    --mainColor: #ff7f00;
    --secondColor: #d96619;
    --accessibilityColor: #8f2b00;
}

body[data-accessibility-contrast="true"] {
    --mainColor: #8f2b00;
    --secondColor: #383534;

}

.head>.inner .logo {
    background: transparent;
    position: relative;
}

.head>.inner .logo:focus-visible  {
    opacity: .5;
    position: relative; 
}

.head>.inner .logo::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
    mask: url(../Images/logo.svg) no-repeat center/100% auto;
    background: var(--mainColor);
} 

.px-banner .image {
    &::after {
        content: '';
        background: url(../Images/triangle_yellow.svg) no-repeat;

    }
}

.frame-decobox {
    &::after {
        content: '';
        background: url(../Images/triangle_yellow.svg) no-repeat;
    }
}

.px-textmedia .px-textmedia-inner .col.media .image {
    &::after {
        content: '';
        background: url(../Images/triangle_yellow.svg) no-repeat;
    }

}

body[data-accessibility-contrast="true"] :is(.button:not(.button-secondary), .headernav a){
    background-color: var(--accessibilityColor) !important;
    border-color: var(--accessibilityColor) !important;
}

body[data-accessibility-contrast="true"] 
  :is(.button-secondary):hover,
body[data-accessibility-contrast="true"] 
  :is(.button-secondary):focus-visible {
    background: var(--mainColor);
    border-color: var(--mainColor);
    color: white !important;
}

body[data-accessibility-contrast="true"] 
    :is(.button:not(.button-secondary)):hover, 
body[data-accessibility-contrast="true"] 
    :is(.button:not(.button-secondary)):focus-visible {
    background: #682001 !important;
    border-color: #682001 !important;
}

body[data-accessibility-contrast="true"]
    :is(.headernav li a):hover,
body[data-accessibility-contrast="true"]
    :is(.headernav li a):focus-visible {
    background: #682001 !important;
    border-color: #682001 !important;
}

body[data-accessibility-contrast="true"] :is(.roofline, strong, a.button-secondary, .form-label, .btn, a:not(.button, .headernav a)) {
    color: var(--fontColor) !important;
}

:is(body[data-accessibility-contrast="true"]) th {
    background: var(--accessibilityColor) !important;
}

body[data-accessibility-contrast="true"] :is(.px-banner, td, .foot) {
    background-color: var(--contrastColorInverted);
}

body[data-accessibility-contrast="true"]
  .styledtable tbody > tr:nth-of-type(odd) > td {
  background-color: #F5F5F5;
}


h1 {
	font-size: var(--h1FontSize);

	:is(#uid69) & {
		font-size: calc(var(--h1FontSize) * 0.7);
	}
}

h2 {
	font-size: var(--h2FontSize);

    :is(#uid69) & {
		font-size: calc(var(--h2FontSize) * 0.7);
		margin-bottom: 20px;
	}
}

h3 {
	font-size: var(--h3FontSize);

	:is(#uid69) & {
		font-size: calc(var(--h3FontSize) * 0.7);
	}
}

.image-caption {
    position: absolute;
    z-index: -1
}

.backtotop {
    mask: initial;
    background: transparent;
}


.backtotop::after {
    position: absolute;
    inset: 0;
    content: '';
    mask: url("../Images/arrow.svg") no-repeat center center/14px auto !important;
    background: var(--fontColor);
    width: 50px;
    height: 50px;
}

.backtotop:hover::after {
    background-color: var(--mainColor);
}

form a {
    text-decoration: none !important;
}