/* =========================================================
   AVATI Help Center Custom CSS
   ========================================================= */

/* Logo */
.Header__logo img {
    margin-left: -40px;
}

/* Company Name */
.Header__name {
    font-family: 'Montserrat','Poppins','Segoe UI',sans-serif;
    font-size:24px;
    font-weight:600;
}

/* Hero Section */
#headerContent{
    min-height:600px;
    padding:100px 0;
}

/* =========================================================
   Background
   ========================================================= */

body{
    background-image:url('YOUR_IMAGE_URL');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    overflow:visible !important;
    font-family:'Segoe UI',sans-serif;
}

/* =========================================================
   Form Controls
   ========================================================= */

input,
select,
textarea{
    border-radius:6px !important;
    border:1px solid #ccc !important;
}

.Layout__oneColumn,
.Layout__twoColumn,
.Layout__twoColumn2,
.Layout__twoColumnReverse{
    min-height:auto !important;
    overflow:visible !important;
}

.zd-layout,
.zd-layout-content{
    overflow:visible !important;
    height:auto !important;
}

/* =========================================================
   Hide Layout field on Submit Ticket page
   ========================================================= */

#field_layoutId{
    display:none !important;
}

/* =========================================================
   Buttons
   ========================================================= */

button,
input[type="submit"],
input[type="button"],
.Button__button,
.CommonStyle__btn,
.CommonStyle__button,
a.Button__button{

    background:#4da3ff !important;
    border:1px solid #4da3ff !important;
    color:#000 !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.Button__button:hover,
.CommonStyle__btn:hover,
.CommonStyle__button:hover,
a.Button__button:hover{

    background:#2d89ef !important;
    border-color:#2d89ef !important;
    color:#fff !important;
}

/* Secondary Buttons */

.Button__secondary,
.CommonStyle__secondaryBtn{

    background:#f5f5f5 !important;
    border:1px solid #999 !important;
    color:#333 !important;
}

/* =========================================================
   Welcome Banner
   ========================================================= */

.Header__searchSection{
    text-align:center !important;
}

.Header__searchTitle{

    display:inline-block !important;

    color:#ffffff !important;

    font-size:22px !important;

    font-weight:700 !important;

    letter-spacing:0.5px;

    background:rgba(0,0,0,.35);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    padding:10px 24px !important;

    border-radius:10px;

    margin-bottom:18px !important;

    border:1px solid rgba(255,255,255,.15);

    box-shadow:0 8px 25px rgba(0,0,0,.25);

    text-shadow:0 2px 8px rgba(0,0,0,.6);
}

/* Search box spacing */

.Header__globalSearch{
    margin-top:15px;
}

/* =========================================================
   Hide Tickets module + collapse empty parents
   ========================================================= */
#ticket_module {
    display: none !important;
}
li.WidgetContainer__contentList:has(#ticket_module) {
    display: none !important;
}
#layoutContainer {
    min-height: 0 !important;
    padding-bottom: 0 !important;
}
.AppContainer__homePage {
    display: none !important;
}
.AppContainer__homePage::after {
    display: none !important;
}
#mainContainer {
    padding: 0 !important;
}
#layoutContainer {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}