/* ========================================================================
   SUTA Mobile Layout v2.0
   HEADER
   ======================================================================== */

@media screen and (max-width:768px){

:root{

    --mobile-header-height:72px;

    --mobile-bg:#13212B;

    --mobile-orange:#FF5F00;

    --mobile-padding:16px;

}

/* =========================================================
   HEADER
========================================================= */


#id_4D83xQe{

    min-width:90px !important;

}

#id_5O2wtHT .loginLink{

    font-size:18px !important;

    white-space:nowrap !important;

}

#idHeaderContentHolder{

    position:sticky;

    top:0;

    z-index:9990;

}

#id_tKRbtOi{

    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

    height:var(--mobile-header-height);

    background:var(--mobile-bg);

    border-bottom:2px solid var(--mobile-orange);

    padding:0 var(--mobile-padding);

}

/* =========================================================
   TABLE FIX
========================================================= */

#id_tKRbtOi table,
#id_tKRbtOi tbody,
#id_tKRbtOi tr{

    display:flex !important;

    width:100%;

    height:100%;

    align-items:center;

}

#id_tKRbtOi td{

justify-content:flex-start;

    height:100%;

    padding:0;

    margin:0;

    border:none;

    vertical-align:middle;

}

#id_rHySEkJ{
    justify-content:flex-start !important;
}

#id_rHySEkJ a{
    display:flex !important;
    align-items:center;
}

#id_rHySEkJ img{
    margin-right:10px;
}

/* =========================================================
   REMOVE FIXED WIDTHS
========================================================= */

#id_rHySEkJ,
#id_7Y8LhKo,
#id_hMbDPSv,
#id_4D83xQe{

    width:auto !important;

}

/* =========================================================
   LOGO
========================================================= */

#id_rHySEkJ{

    flex:1 1 auto;

    display:flex !important;

    align-items:center;

    min-width:0;

}

#id_rHySEkJ img{

    width:56px !important;

    height:56px !important;

    object-fit:contain;

    display:block;

}

#id_rHySEkJ span{

    white-space:nowrap;

}

/* =========================================================
   HIDE SEARCH + TOP MENU
========================================================= */

#id_hMbDPSv{

    display:none !important;

}

#id_9rvu2tV{

    display:none !important;

}

/* WildApricot blue hamburger */

#id_9rvu2tV .toggleButton{

    display:none !important;

}

/* =========================================================
   LOGIN
========================================================= */

#id_4D83xQe{

    flex:0 0 auto;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    margin-left:auto;

    margin-right:12px;

}

#id_5O2wtHT{

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    height:100%;

}

#id_5O2wtHT .loginContainer,

#id_5O2wtHT .loginContainerInner{

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    height:100%;

}

/* Remove WA icon */

#id_5O2wtHT .loginLink::before{

    display:none !important;

    content:none !important;

}

/* Login */

#id_5O2wtHT .loginLink{

    display:flex !important;

    align-items:center !important;

    justify-content:center;

    gap:8px;

    padding:0;

    margin:0;

    line-height:1;

    text-decoration:none;

    font-size:18px;

font-weight:700;

letter-spacing:.2px;

    color:var(--mobile-orange) !important;

}

/* New icon */

#id_5O2wtHT .loginLink::after{

    content:"\f007";
    font-family:"Font Awesome 5 Pro";
    font-weight:900;
    font-size:18px;
    line-height:1;
    order:-1;

}

#id_5O2wtHT .loginLink:hover,

#id_5O2wtHT .loginLink.hover{

    color:#B9B9B9 !important;

}

#id_5O2wtHT .loginLink:hover::after,

#id_5O2wtHT .loginLink.hover::after{

    color:#B9B9B9 !important;

}

}

/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

@media screen and (max-width:768px){

#suta-mobile-button{

    width:44px;

    height:44px;

    margin-left:8px;

    padding:0;

    border:none;

    background:none;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

#suta-mobile-button span{

    position:relative;

    display:block;

    width:24px;

    height:2px;

    background:var(--mobile-orange);

    transition:.3s;

}

#suta-mobile-button span::before,
#suta-mobile-button span::after{

    content:"";

    position:absolute;

    left:0;

    width:24px;

    height:2px;

    background:var(--mobile-orange);

    transition:.3s;

}

#suta-mobile-button span::before{

    top:-7px;

}

#suta-mobile-button span::after{

    top:7px;

}

/* OPEN */

body.suta-mobile-open #suta-mobile-button span{

    background:transparent;

}

body.suta-mobile-open #suta-mobile-button span::before{

    top:0;

    transform:rotate(45deg);

}

body.suta-mobile-open #suta-mobile-button span::after{

    top:0;

    transform:rotate(-45deg);

}

}

/* =========================================================
   TABLET
========================================================= */

@media screen and (min-width:769px) and (max-width:1024px){

#id_4D83xQe{
    display:flex !important;
}

/* Hide WA mobile toggle */

#id_9rvu2tV .toggleButton{

    display:none !important;

}

/* Search */

#id_hMbDPSv{

    margin-right:18px !important;

}

/* Login */

#id_4D83xQe{

    margin-left:18px !important;

}

/* Hamburger */

#suta-mobile-button{

    display:none !important;

}

}

/* =========================================================
   DESKTOP
========================================================= */

@media screen and (min-width:1025px){

#id_4D83xQe{
    display:flex !important;
}

#suta-mobile-button{

    display:none !important;

}

}

/* =========================================================
   CLEANUP
========================================================= */

/* Remove WA icon everywhere */

#id_5O2wtHT .loginLink::before{

    display:none !important;

    content:none !important;

}


/* Focus */

#id_5O2wtHT .loginLink:focus{

    outline:none;

}

/* Prevent image rules from old CSS */

#id_4D83xQe img{

    width:auto !important;

    height:auto !important;

    filter:none !important;

}

#id_5O2wtHT .loginLink{

    display:inline-flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:center !important;

    flex-wrap:nowrap !important;

    white-space:nowrap !important;

    gap:10px;

}