@charset "utf-8";
/* Adddon Button */
.cameron_plugin{display:block!important;visibility:visible!important;opacity:1!important;position:fixed;width:40px;z-index:9999999;transform:translate(-7px,-60px)}
.cameron_plugin ul{margin:0; padding:0; list-style:none}
.cameron_plugin li{position:relative; margin:0 0 1px 0; padding:0}
.cameron_plugin li a,
.cameron_plugin li a>*{text-decoration:none; -webkit-transition:background-color .1s ease, border .1s ease, color .1s ease; -moz-transition:background-color .1s ease, border .1s ease, color .1s ease; -ms-transition:background-color .1s ease, border .1s ease, color .1s ease; -o-transition:background-color .1s ease, border .1s ease, color .1s ease; transition:background-color .1s ease, border .1s ease, color .1s ease}
.cameron_plugin li a:hover{text-decoration:none}
.cameron_plugin li a.icon,
.cameron_plugin li button.icon{display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:center; text-align:center; color:#fff; line-height:40px; font-family:Tahoma,Arial,sans-serif; font-size:16px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; outline:none}
.cameron_plugin li a.cameron-facebook{background-color:#4867b2; background-image:url(../img/fb.png)}
.cameron_plugin li a.cameron-twitter{background-color:#65bdf3; background-image:url(../img/tw.png)}
.cameron_plugin li a.cameron-rss{background-color:#ff8c26; background-image:url(../img/rss.png)}
.cameron_plugin li a.cameron-user{background-image:url(../img/user.png)}
.cameron_plugin li button.langToggle{
    background:#ea5859;
    color:#fff;
    border:2px solid #ea5859;
    border-radius:9px;
    box-sizing:border-box;
    box-shadow:0 4px 14px rgba(0,0,0,.24);
    text-shadow:none;
}
.cameron_plugin li button.langToggle:hover,
.cameron_plugin li button.langToggle:focus,
.cameron_plugin li button.langToggle[aria-expanded="true"]{
    background:#ea5859;
    color:#fff;
    border-color:#ea5859;
}
.cameron_plugin li a:hover,
.cameron_plugin li a:focus{background-color:#333 !important}

/* Language Select */
#cameron-lang ul{display:none; position:absolute; top:0; width:138px}
#cameron-lang li{margin:0}
#cameron-lang li a{display:block; padding:10px 16px; background:#fff; border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8; line-height:1.35; font-size:14px; font-weight:700; color:#333; white-space:nowrap; cursor:pointer; outline:none}
#cameron-lang li:first-child a{border-top:1px solid #e1e1e1}
#cameron-lang li:last-child a{border-bottom:1px solid #e1e1e1}
#cameron-lang li a:focus,
#cameron-lang li a:hover{background-color:#ea5859 !important; border-right:1px solid #ea5859; border-left:1px solid #ea5859; color:#fff}
#cameron-lang li:first-child a:focus,
#cameron-lang li:first-child a:hover{border-top:1px solid #ea5859}
#cameron-lang li:last-child a:focus,
#cameron-lang li:last-child a:hover{border-bottom:1px solid #ea5859}
/* PHP 8.4 / Rhymix compatibility additions */
.cameron_plugin button.icon{margin:0;padding:0;border:0;cursor:pointer}
.cameron_plugin button.icon:focus-visible{outline:3px solid rgba(234,88,89,.34);outline-offset:3px}

/* ZEV ASIA 1.3.7: responsive right-side positioning */
@media screen and (min-width:992px){
    /*
     * Anchor to the right edge of SMART2's centered 980px outer container
     * instead of using a fixed pixel position from the viewport edge.
     */
    .cameron_plugin{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        left:auto!important;
        right:max(12px, calc((100vw - 980px) / 2 + 8px))!important;
        top:clamp(84px, calc(20vh - 60px), 156px)!important;
        bottom:auto!important;
        transform:none!important;
    }
    .cameron_plugin li button.langToggle{
        width:40px;
        height:40px;
        line-height:36px;
    }
    #cameron-lang ul{
        right:41px!important;
        left:auto!important;
    }
}

@media screen and (max-width:991px){
    .cameron_plugin{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        right:10px!important;
        left:auto!important;
        z-index:100003;
        transform:translate(-7px,-60px)!important;
    }
    .cameron_plugin li a.icon,
    .cameron_plugin li button.icon{
        width:44px;
        height:44px;
        line-height:44px;
        font-size:17px;
    }
    #cameron-lang ul{
        right:45px!important;
        left:auto!important;
        width:150px;
    }
}