<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet"> <style>
body {
font-family: 'Manrope', sans-serif !important;
background-color: #5a646e !important;
}
h1
.customheader {
display: flex;
backgroundalign-image: url('https://www.etas.com/data/css_and_script/etas-logo-blue-new.svg') !important;items: center;
justify-content: center; /* Center the entire content */
position: relative; /* Establish a positioning context for absolute positioning */
width: 100%;
font-size: 14px;
backgroundpadding-repeattop: no-repeat;0px; /* Adjust padding as needed */
backgroundpadding-position: 2% 50%;bottom: 0px; /* Adjust padding as needed */
}
.customheader > h1 {
backgroundfont-size: 250px;family: 'Manrope', sans-serif !important;
color: #164293 !important;
font-size: 3em !important;
padding-top: 40px;
padding-bottom: 40px;
margin: 0px;
margin-top: 0px !important;
text-align: center; /* Center the h1 text */
position: relative; /* Can be margin: -20px -20px 0 0 !important;set but isn't strictly necessary */
flex-grow: 1; /* Ensure it takes up available space */
z-index: 1; /* Set a lower z-index for the h1 */
}
.customheader > a {
position: absolute; /* Remove the image from the document's flow */
left: 10px; /* Positioning based on the desired left margin */
top: 50%; /* Center vertically based on the height of the parent */
transform: translateY(-50%); /* Adjust for the height of the image */
fontz-size: 3em !important;index: 2; /* Set a higher z-index for the anchor so it's in front */
}
.customheader > a > img {
bordervertical-align: top;
width: 180px;
height: 52.5px; /* Fixed size */
}
/* Media Query to stack image and text on smaller screens */
@media (max-width: 0;
border-bottom: 10px solid red;
border-left-width: 0;
border-right-width: 0;
border-image: linear-gradient(to right, #164293, #89037a) 1 stretch;
}: 1000px) {
.customheader {
flex-direction: row; /* Stack elements vertically */
align-items: center; /* Center elements horizontally */
}
.customheader > a {
position: relative; /* Return to normal flow */
top: auto; /* Remove top positioning */
transform: none; /* Remove transform */
padding-right: 10px;
}
.customheader > h1 {
text-align: center; /* Ensure text remains centered */
margin: 0; /* No margin */
}
}
h2 {
font-size: 2em !important;
color: white !important!;
font-weight: bold
border: 1px solid #696;
padding: 0px 0;
text-align: center;
width: 50%;
margin: 20px auto 0px !important;
}
#RTAHotline-GotoHotline, #RTAHotline-GotoKnowledgeBase {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
font-size: 18px !important;
border-radius: 8px;
background: #164293;
}
h2 a {
color: white !important;
display: block;
width: 100%;
}
h3 { font-size: 2em !important; color: #70CBF3 !important; }
h3 a { color: #70CBF3 !important; }
#full-height-container {
background-color: #5a646e !important;
}
p {
font-size: 14px !important;
}
#likes-and-labels-container {display:none;}
#comments-section {display:none;}
.ia-splitter-left {display:none;}
.page-metadata {display:none;}
#main-header {display:none;}
#main #content {padding-right: 0px;}
#main {margin-top: 20px10px !important; margin-left: 20px !important; margin-right: 20px !important; padding: 0 !important;}
#header {display:none;}
#footer {display:none;}
#header-precursor {padding-top: 10px !important;}
div.columnMacro:nth-child(2) { border-left: 1px solid #1E539E;}
div.columnMacro { padding: 0 20px !important;}
.sectionColumnWrapper {
overflow-x: visible !important;
}
.confluence-external-resource {
max-width: 100% !important;
cursor: pointer !important;
}
div.columnMacro p:nth-child(2) {
width: 70%;
margin: auto;
padding-top: 30px;
}
</style> | 
