Current Path : /home/theafprt/conviviality360.com/wp-content/themes/salient/css/elements/ |
Current File : /home/theafprt/conviviality360.com/wp-content/themes/salient/css/elements/element-page-submenu.css |
/* Theme Name: Salient Description: Styles for the "Page Submenu" page builder element. */ .page-submenu:not(.stuck){ transform:translateY(0px)!important; -webkit-transform:translateY(0px)!important } .page-submenu.stuck{ position:fixed; top:0; left:0; width:100%; z-index:1000; transition:all 0.3s; -webkit-transition:all 0.3s; } .page-submenu.stuck.header-not-visible{ transition:all 0.2s; -webkit-transition:all 0.2s; } .page-submenu.stuck .full-width-content, .full-width-content >.span_12 >.vc_col-sm-12 >.vc_column-inner >.wpb_wrapper .page-submenu:not(.stuck) >.full-width-content{ margin-left:0!important; left: 0; } @media only screen and (min-width: 1000px) { [data-header-format="left-header"] .page-submenu.stuck .full-width-content { margin-left:-2px!important; } } .page-submenu .full-width-section, .page-submenu .full-width-content{ height:auto!important } .page-submenu ul{ margin:0; color:inherit } @media only screen and (min-width:1000px){ .page-submenu ul{ display:block!important; height:auto!important } } .page-submenu[data-alignment="left"]{ text-align:left } .page-submenu[data-alignment="center"]{ text-align:center } .page-submenu[data-alignment="right"]{ text-align:right } .page-submenu[data-alignment="right"] .full-width-section ul li:last-child{ margin-right:0 } .page-submenu[data-alignment="left"] .full-width-section ul li:first-child{ margin-left:0 } .page-submenu[data-alignment="left"] .full-width-content ul li:first-child{ margin-left:25px } .page-submenu[data-alignment="right"] .full-width-content ul li:last-child{ margin-right:33px } .page-submenu li{ display:inline-block; margin:0 25px 0 0; color:inherit } body .page-submenu li a{ color:inherit; transition:all 0.1s ease; -webkit-transition:all 0.1s ease; padding-top:20px; padding-bottom:20px; display:block; opacity:0.7 } .page-submenu li a:hover, .page-submenu.stuck .current-menu-item a{ opacity:1; color:inherit } .page-submenu .mobile-menu-link{ padding:16px 20px; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); color:inherit; display:none; line-height:17px } .page-submenu[data-bg-color="#fff"] .mobile-menu-link{ border-left:1px solid rgba(0,0,0,0.08); border-right:1px solid rgba(0,0,0,0.08) } .salient-page-submenu-icon{ font-size:16px; float:left; margin-right:8px } .salient-page-submenu-icon:before{ content:'\e067' } @media only screen and (min-width : 1px) and (max-width : 999px) { .page-submenu .mobile-menu-link { display: inline-block; } .page-submenu ul { position: absolute; top: 48px; left: 0; width: 101%; display: none; z-index: 1000; } .page-submenu[data-alignment="left"], .page-submenu[data-alignment="right"] { text-align: center; } #boxed .page-submenu ul { width: 100%; } #ajax-content-wrap .page-submenu ul li { display: block; margin: 0; } .page-submenu .full-width-content { position: relative; } .page-submenu ul li a { border-top: 1px solid rgba(255,255,255,0.2); padding: 10px 20px; } .page-submenu[data-bg-color="#ffffff"] ul li a { border-top: 1px solid rgba(0,0,0,0.08); } }