Current path: home/webdevt/www/wdp/wp-content/plugins/secretlab_shortcodes/shortcodes/css/
?? Go up: /home/webdevt/www/wdp/wp-content/plugins/secretlab_shortcodes/shortcodes
/**/
/* defaults */
/**/
.sell_menuline.slmm-above {
position: relative;
}
.sell_menuline.slmm-over {
position: absolute;
left: 0;
right: 0;
}
.slmm,
.slmm * {
margin: 0;
padding: 0;
outline: none;
border: 0;
background: none;
}
.slmm {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
position: relative;
z-index: 999;
}
/**/
/* level 1 */
/**/
.slmm:after {
content:""; display: block; clear:both
}
button.slm-open-menu-list {
z-index: 999;
display: inline-block;
}
.slmm li {
position: relative;
white-space: nowrap;
list-style: none;
}
.slmm li ul li ul li {
white-space: normal;
}
.slmm li a {
display: block;
text-decoration: none;
transition: background 0.4s, color 0.4s;
-o-transition: background 0.4s, color 0.4s;
-ms-transition: background 0.4s, color 0.4s;
-moz-transition: background 0.4s, color 0.4s;
-webkit-transition: background 0.4s, color 0.4s;
}
.slmm li ul,
.slmm li .slm-menu-item-cart-block {
position: absolute;
z-index: 1000;
top: 100%;
left: -9999px;
opacity: 0;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.4s, opacity 0.4s;
-ms-transition: -ms-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}
.slmm li ul:after {
content: '';
display: block;
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 8px;
background: transparent;
}
.slmm li:hover > ul.slm-sub-menu,
.slmm li:hover > .slm-menu-item-cart-block {
left: 0;
opacity: 1;
-webkit-transform: translate(0, 0);
}
.slmm li:hover > ul.slm-submenu-pos-left,
.slmm li:hover > .slm-menu-item-cart-block {
right: 0;
left: auto;
}
.slmm li:hover > ul.slmm-container[style*="right:0px"] {
left: auto;
}
.slmm li:hover > ul.slmm-container.slm-submenu-pos-center {
left: 50%;
}
/**/
/* level 2+ */
/**/
.slmm li li > ul,
.slmm li.slm-vertical-menu-item:hover ul {
top: 0;
}
.slmm li li > ul.slm-sub-menu:after,
.slmm li.slm-vertical-menu-item > ul:after {
top: 0;
right: 100%;
bottom: auto;
left: auto;
width: 8px;
height: 100%;
}
.slmm li li:hover ul.slm-submenu-pos-right,
.slmm li li:hover ul.slm-submenu-pos-left:after,
.slmm li.slm-vertical-menu-item:hover ul.slm-submenu-pos-left:after{
left: 100%;
}
.slmm li li:hover > ul.slm-submenu-pos-left,
.slmm li.slm-mega-item.slm-vertical-menu-item:hover > ul.slm-submenu-pos-left {
right: 100%;
left: auto;
}
.slmm li li:hover > ul.slm-submenu-pos-left.slmm-container {
right: 0;
}
.slmm li.slm-vertical-menu-item:hover ul.slm-submenu-pos-right {
left: 100%;
}
.slmm li.slm-vertical-menu-item.slm-cart-menu-item > a.slm-cart-icon {
display: none;
}
.slmm li.slm-vertical-menu-item.slm-cart-menu-item .slm-menu-item-cart-block {
top: 0;
position: initial;
visibility: visible;
opacity: 1;
text-align: right !important;
margin-top: 0;
transform: translate(0px, 0);
}
.slmm li.slm-vertical-menu-item.slm-search-menu-item .slm-search-block {
display: block;
position: relative;
width: 100%;
}
.slmm li.slm-vertical-menu-item.slm-search-menu-item form {
position: relative;
}
.slmm li.slm-vertical-menu-item.slm-search-menu-item a.slm-search-icon,
.slmm li.slm-vertical-menu-item.slm-search-menu-item span.slm-search-close {
display: none;
}
/*li.slm-mega-block.slm-mega-item > ul.slm-sub-menu[style *="width:100%;"] {
margin-left: 0;
margin-right: 0;
}*/
body.kc-css-system .slmm .slm-mega-block li.slmm-column {
display: inline-block;
vertical-align: top;
height: initial;
position: relative;
}
.slm-mega-block .slmm-container > .slmm-column > ul.slmm-container.slm-sub-menu {
position: relative;
left: auto;
width: 100%;
opacity: 1;
transform: none;
-o-transform: none;
-moz-transform: none;
-webkit-transform: none;
margin: 0;
padding: 0;
}
/**/
/* animations */
/**/
.slmm-anim-slide li > ul.slm-sub-menu,
.slmm-anim-slide li.slm-cart-menu-item > .slm-menu-item-cart-block {
-o-transform: translate(0, 60px);
-ms-transform: translate(0, 60px);
-moz-transform: translate(0, 60px);
-webkit-transform: translate(0, 60px);
}
.slmm-anim-slide li:hover > ul.slm-sub-menu,
.slmm-anim-slide li.slm-cart-menu-item:hover > .slm-menu-item-cart-block {
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
.slmm-anim-slide li.slm-vertical-menu-item:hover > ul.slm-sub-menu,
.slmm-anim-slide li.slm-cart-menu-item.slm-vertical-menu-item:hover > .slm-menu-item-cart-block {
}
.slmm-anim-scale li > ul.slm-sub-menu,
.slmm-anim-scale li.slm-cart-menu-item > .slm-menu-item-cart-block {
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
}
.slmm-anim-scale li.slm-vertical-menu-item > ul.slm-sub-menu,
.slmm-anim-scale li.slm-cart-menu-item.slm-vertical-menu-item > .slm-menu-item-cart-block {
}
.slmm-anim-scale li:hover > ul.slm-sub-menu,
.slmm-anim-scale li.slm-cart-menu-item:hover > .slm-menu-item-cart-block {
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
.slmm-anim-scale .slmm li.slm-vertical-menu-item:hover > ul.slm-sub-menu,
.slmm-anim-scale .slmm li.slm-cart-menu-item.slm-vertical-menu-item:hover > .slm-menu-item-cart-block{
}
.slmm-anim-flip {
perspective: 2000px;
-o-perspective: 2000px;
-moz-perspective: 2000px;
-webkit-perspective: 2000px;
}
.slmm-anim-flip.no-flip {
perspective: none;
-o-perspective: none;
-moz-perspective: none;
-webkit-perspective: none;
}
.slmm-anim-flip li > ul,
.slmm-anim-flip li > .slm-menu-item-cart-block {
transform-style: preserve-3d;
-o-transform: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
}
.slmm-anim-flip li:hover > ul.slm-sub-menu
.slmm-anim-flip li.slm-cart-menu-item:hover > .slm-menu-item-cart-block {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
}
.slmm-anim-flip .slmm li.slm-vertical-menu-item:hover > ul.slm-sub-menu,
.slmm-anim-flip .slmm li.slm-cart-menu-item.slm-vertical-menu-item:hover > .slm-menu-item-cart-block {
}
/* search */
.slm-search-menu-item {z-index: 999 !important}
.slm-search-icon {
cursor: pointer;
}
.slm-search-block {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
margin: 0;
display: none;
z-index: 999999;
}
.slm-search-block form {
left: 50%;
transform: translateX(-50%);
border-radius: 5px !important;
margin: 0 auto;
position: absolute;
top: 50%;
font-weight: bold;
}
.slm-search-block form .slm-search-input {
width: 100%;
}
.slm-search-submit-icon {
position: absolute;
top: 50%;
right: 2%;
font-size: 21px;
transform: translateY(-50%);
}
.slm-search-submit {
position: absolute !important;
top: 0;
right: 2%;
width: 21px;
height: 100%;
cursor: pointer;
opacity: 0;
border-radius: 20px;
padding: 0 !important;
}
.slm-search-close {
font-size: 21px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 2%;
cursor: pointer;
}
span.slm-search-close.sl-remove.fa-close { margin-top: -1px; }
/* cart */
.slm-menu-item-cart-block {text-align: center}
.slmm .slm-cart-menu-item .slm-menu-item-cart-block h4 {text-align: center; font-size: 20px}
.slm-cart-menu-item > a {
cursor: pointer;
}
.slmm .slm-menu-item-cart-block:before {
content: '';
display: block;
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 8px;
background: transparent;
}
/*.slmm li:hover > .slm-menu-item-cart-block {
right: 0;
}*/
.slm-cart-menu-item div > div {
position: relative;
box-shadow: none;
margin: 0;
}
.slm-cart-menu-item .slm-link-to-cart {
text-align: center;
}
/**/
/* pad */
/**/
@media screen and (max-width: 999px) {
.slmm-respmenu {padding: 10px 0;}
.slmm-respmenu button {border-radius: 0;}
.slmm-respmenu button i {font-size: 22px;}
.slm-menu-item-cart-block {margin-bottom: 15px}
/*Show/Hide mobile munu*/
.slm-open-menu-list .sl-icon-menu-shown,
.slm-open-menu-list.menu-shown .sl-icon-menu-hiden {
display: none!important;
}
.slm-open-menu-list.menu-shown .sl-icon-menu-shown,
.slm-open-menu-list .sl-icon-menu-hiden {
display: inline-block!important;
}
.slmm-mobile-hide .slmm {
display: none !important;
}
.slmm-mobile-hide.shown .slmm {
display: block !important;
}
.slmm-mobile-hide .slmm {
width: 100%!important;
clear: both;
}
.slmm {
float: none;
margin-top: 0;
}
.slmm li {
position: relative;
white-space: nowrap;
}
.slmm li:hover {
height: auto !important;
}
.shown .navbar-nav .slmm li:hover .slm-sub-menu {
position: relative;
float: none;
}
.slmm li.slm-mega-item:hover > ul.slm-sub-menu,
.slmm li.slm-mega-item.slm-vertical-menu-item:hover > ul.slm-submenu-pos-left,
.slmm li.slm-mega-item.slm-vertical-menu-item:hover > ul.slm-submenu-pos-right {
position: relative;
float: none;
width: 100% !important;
top: 0;
left: 0 ;
right: 0 ;
}
body.kc-css-system .slmm .slm-mega-block li.slmm-column {
width: 100% !important;
display: block;
float: none;
}
.slmm li.slm-vertical-menu-item:hover > ul.slm-sub-menu,
.slmm li.slm-cart-menu-item.slm-vertical-menu-item:hover > .slm-menu-item-cart-block{
}
.slmm li li:hover > ul.slm-sub-menu {
opacity: 1;
position: relative;
float: none;
width: 100% !important;
top: 0;
left: 0 !important;
right: 0 !important;
}
/* Search */
.slmm .slm-search-block {display: block !important}
.slm-search-menu-item a.slm-search-icon,
.slm-search-menu-item span.slm-search-close {
display: none;
}
.slm-search-block {
display: block;
position: relative;
width: 100%;
}
.slm-search-block form {
position: relative;
width: 100% !important;
left: 0;
transform: none;
padding: 0;
top: 0;
bottom: 0;
}
.slm-search-block form .slm-search-input {
height: auto !important;
}
.main-menu-item.slm-cart-menu-item {
height: auto !important;
}
.slm-cart-menu-item > a.slm-cart-icon {
display: none;
}
.slmm li.slm-cart-menu-item > .slm-menu-item-cart-block {
top: 0;
position: initial;
visibility: visible;
opacity: 1;
text-align: right !important;
margin-top: 0;
transform: translate(0px, 0);
}
.slm-cart-menu-item h4 {
}
.slm-cart-menu-item div > div {
}
}
/**/
/* phone */
/**/
@media screen and (max-width: 768px) {
/*Like at bootstrap*/
.navbar-collapse { width: auto; border-top: 0; box-shadow: none; }
.navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
}