/*
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;
  -webkit-transition: -webkit-transform .6s ease, height .6s ease, background .6s ease,opacity .6s ease, border-color 0.6s ease, box-shadow 0.6s ease;
    transition: transform .6s ease, height .6s ease, background .6s ease,opacity .6s ease, border-color 0.6s ease, box-shadow 0.6s ease;
}

.page-submenu.stuck.header-not-visible{
 -webkit-transition: -webkit-transform .6s ease, height .6s ease, background .6s ease,opacity .6s ease, border-color 0.6s ease, box-shadow 0.6s ease;
    transition: transform .6s ease, height .6s ease, background .6s ease,opacity .6s ease, border-color 0.6s ease, box-shadow 0.6s ease;
}
.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:100%!important;
	background-color: transparent!important;
}

.page-submenu ul{
  margin:0 auto;
  color:inherit;
	overflow-y: hidden;
	border-bottom: 1px solid #efefef;
}

@media only screen and (min-width:1000px){
  .page-submenu ul{
    display:inline-block!important;
    height:100%!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 18px;
  color:inherit
}

body .page-submenu li a{
	font-family: 'Degular Display', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 3px;
  color:inherit;
  padding-top:12px;
  padding-bottom:12px;
  display:block;
  opacity:1;
	border-bottom: 1px solid transparent;
	
	transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
}

.page-submenu li a:hover,
.page-submenu.stuck li.current-menu-item a {
  opacity:1;
  color:inherit;
	border-bottom: 1px solid #000;
	
	transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
}

.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: none;
  }

  .page-submenu ul {
    position: absolute;
    top: 0px;
    left: 0;
    width: 101%;
    display: inline-block!important;
    z-index: 1000;
  }

  .page-submenu[data-alignment="left"],
  .page-submenu[data-alignment="right"] {
    text-align: center;
  }


  .page-submenu .full-width-content {
    position: relative;
  }
	
	body .page-submenu li a {
		padding-top: 10px;
    padding-bottom: 10px;
	}


}