/** * All of the CSS for your public-facing functionality should be * included in this file. */ #salertWrapper .popup_template { background-color: #e0e0e0; bottom: 20px; border-radius: 0; overflow: hidden; } #salertWrapper .popup_position { position: fixed; z-index: 99999; width: 250px; } #salertWrapper .popup_position.bottomRight { bottom: 20px; right: 10px; } #salertWrapper .popup_position.bottomLeft { bottom: 20px; left: 10px; } #salertWrapper .popup_position.topRight { top: 20px; right: 10px; } #salertWrapper .popup_position.topLeft { top: 20px; left: 10px; } #salertWrapper figure.circle{ max-height: 75px; border-radius: 50%; border: 1px solid #eee; } #salertWrapper .popup-item { padding: 10px; padding-right: 50px !important; width: 100%; float: left; } #salertWrapper figure{ margin: 0; width: 75px; max-height: 65px; overflow: hidden; float: left; } #salertWrapper .imageOnRight figure{ float: right; } #salertWrapper .textOnly figure{ display: none; } #salertWrapper figure img{ height: 100%; width: 100%; object-fit: cover; } #salertWrapper .salert-content-wrap{ width: calc(100% - 85px); float: right; font-size: 14px; color: #1e1e1e; } #salertWrapper .imageOnRight .salert-content-wrap{ float: left; } #salertWrapper .textOnly .salert-content-wrap{ width: 100%; } #salertWrapper .salert-content-wrap .t-product{ display: block; font-size: 120%; font-weight: bold; line-height: 1.2; } #salertWrapper .salert-content-wrap small{ font-size: 70%; font-style: italic; } .clearfix::after { content: ""; clear: both; display: table; } /* Close Button */ .popup_template .popup-item .btn-close{ cursor: pointer; position: absolute; top: 10px; right: 15px; color: #000; font-size: 22px; height: 15px; width: 15px; text-align: center; line-height: 12px; z-index: 999999; } .popup_template .popup-item .close img{ max-width: 100%; } @media screen and ( max-width: 767px){ #salertWrapper .popup-item{ padding: 10px !important; } #salertWrapper .popup_position.bottomRight { bottom: 0 !important; right: 0 !important; width: 100% !important; left: 0 !important; } #salertWrapper .popup_position .salert-content-wrap { font-size: 13px !important; line-height: 1.5 !important; } } @media screen and ( max-width: 480px){ #sale_alertWrapper .popup_position{ width: 300px !important; } }