| Server IP : 104.21.64.1 / Your IP : 216.73.216.18 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/eaabusiness.com/wp-content/themes/globeco/scss/pages/side-panel/ |
Upload File : |
/* SIDE PANEL */
body {
.side_panel_overlay {
opacity: 0;
background-color: rgba(11, 13, 28, 0.7);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
pointer-events: none;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
transition: opacity 0.5s;
}
&.side_panel_show {
overflow: hidden;
position: fixed;
width: 100%;
}
&.side_panel_show .side_panel_overlay:not(.slide) {
opacity: 1;
}
&.side_panel_show .side_panel_overlay{
pointer-events: auto;
}
&.slide_side_panel .body-cont {
-webkit-transition: transform .3s ease-out;
-moz-transition: transform .3s ease-out;
-ms-transition: transform .3s ease-out;
-o-transition: transform .3s ease-out;
transition: transform .3s ease-out;
}
&.side_panel_show.slide_side_panel.left_slide .body-cont,
&.side_panel_show.slide_side_panel.left_pull .body-cont,
&.side_panel_show.slide_side_panel.left_slide .side_panel_overlay {
-webkit-transform: translateX(360px) !important;
-moz-transform: translateX(360px) !important;
-ms-transform: translateX(360px) !important;
-o-transform: translateX(360px) !important;
transform: translateX(360px) !important;
}
&.side_panel_show.slide_side_panel.right_slide .body-cont,
&.side_panel_show.slide_side_panel.right_pull .body-cont,
&.side_panel_show.slide_side_panel.right_slide .side_panel_overlay {
-webkit-transform: translateX(-360px) !important;
-moz-transform: translateX(-360px) !important;
-ms-transform: translateX(-360px) !important;
-o-transform: translateX(-360px) !important;
transform: translateX(-360px) !important;
}
.side_panel_container {
-webkit-transition: transform .3s ease-out;
-moz-transition: transform .3s ease-out;
-ms-transition: transform .3s ease-out;
-o-transition: transform .3s ease-out;
transition: transform .3s ease-out;
}
&.override_boxed_layout.side_panel_show.slide_side_panel.left_slide .side_panel_overlay {
-webkit-transform: translateX(700px) !important;
-moz-transform: translateX(700px) !important;
-ms-transform: translateX(700px) !important;
-o-transform: translateX(700px) !important;
transform: translateX(700px) !important;
}
&.override_boxed_layout.side_panel_show.slide_side_panel.right_slide .side_panel_overlay {
-webkit-transform: translateX(-700px) !important;
-moz-transform: translateX(-700px) !important;
-ms-transform: translateX(-700px) !important;
-o-transform: translateX(-700px) !important;
transform: translateX(-700px) !important;
}
&.side_panel_show.slide_side_panel.left_slide .body-cont,
&.side_panel_show.slide_side_panel.left_pull .body-cont,
&.side_panel_show.slide_side_panel.right_slide .body-cont,
&.side_panel_show.slide_side_panel.right_pull .body-cont {
pointer-events: none;
}
.side_panel_wrapper {
position: relative;
margin: 0 0 40px;
}
aside.side_panel {
width: 100%;
height: 100%;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: -1px;
padding: 33px 36px 53px 55px;
overflow-y: auto;
}
aside.side_panel.dark-theme .cws-widget ul li>a,
aside.side_panel.dark-theme .cws-widget .ce_title {
color: white;
}
aside.side_panel.dark-theme .mobile_menu_hamburger--htx.is-active,
aside.side_panel.dark-theme .mobile_menu_hamburger.close_side_panel span::before,
aside.side_panel.dark-theme .mobile_menu_hamburger.close_side_panel span::after {
background-color: white;
}
.side_panel_bg {
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
.side_panel_container {
width: 320px;
height: 100%;
top: 0;
position: fixed;
}
&.override_boxed_layout .side_panel_container {
top: initial;
}
.side_panel_container.fade,
.side_panel_container.pull {
z-index: 101;
}
.side_panel_container.left {
left: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.side_panel_container.right {
right: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
&.side_panel_show .side_panel_container.pull,
&.side_panel_show .side_panel_container.fade,
.side_panel_container.slide {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
&.override_boxed_layout .side_panel_container.left.slide{
-webkit-transform: translateX(calc(100% - 33px));
-moz-transform: translateX(calc(100% - 33px));
-ms-transform: translateX(calc(100% - 33px));
-o-transform: translateX(calc(100% - 33px));
transform: translateX(calc(100% - 33px));
}
&.override_boxed_layout .side_panel_container.right.slide{
-webkit-transform: translateX(calc(-100% + 33px));
-moz-transform: translateX(calc(-100% + 33px));
-ms-transform: translateX(calc(-100% + 33px));
-o-transform: translateX(calc(-100% + 33px));
transform: translateX(calc(-100% + 33px));
}
}
.side_panel .side_panel_wrapper .mobile_menu_bar{
position: absolute;
z-index: 1;
top: 50%;
width: 26px;
height: 22px;
font-size: 0;
line-height: 1;
margin: -11px 0 0;
-webkit-transition: transform 0.3s, opacity 0.3s;
-moz-transition: transform 0.3s, opacity 0.3s;
-ms-transition: transform 0.3s, opacity 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
opacity: 0.6;
&:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 1;
}
.close_side_panel {
position: relative;
width: 100%;
height: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
span {
background-color: #FFFFFF;
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
right: 0;
}
span:first-child {
top: 9px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
span:first-child + span {
opacity: 0;
left: 10px;
top: 50%;
margin-top: -1.5px;
}
span:first-child + span + span {
bottom: 10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
}
.side_panel .side_panel_wrapper.close-left .mobile_menu_bar{
left: -20px;
}
.side_panel .side_panel_wrapper.close-right .mobile_menu_bar{
right: 0;
}
.side_panel_bottom {
margin: 60px 0 0;
.info_icons_rows p {
margin: 5px 0 0;
position: relative;
padding: 0 0 0 28px;
}
.info_icons_rows i {
position: absolute;
left: 0;
top: 3px;
}
.cws_social_links {
font-size: 0;
line-height: 1;
margin: 0 -10px;
&:not(:first-child) {
margin-top: 40px;
}
}
.cws_social_link {
font-size: 17px;
margin: 0 10px;
-webkit-transition: color 0.3s, fill 0.3s, opacity 0.3s;
-moz-transition: color 0.3s, fill 0.3s, opacity 0.3s;
-ms-transition: color 0.3s, fill 0.3s, opacity 0.3s;
-o-transition: color 0.3s, fill 0.3s, opacity 0.3s;
transition: color 0.3s, fill 0.3s, opacity 0.3s;
opacity: 0.6;
}
.cws_social_link:hover {
opacity: 1;
}
}