/*
Theme Name:  Salient
Description: Styles for the "Page Submenu" page builder element.
*/

.page-submenu .full-width-section.first-section {
  margin-top:0!important
}

.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){

  body[data-ext-responsive="true"] .container .page-submenu > .full-width-section .container:not(.tab-container):not(.recent-post-container):not(.normal-container) {
    padding: 0 var(--container-padding, 90px)!important;
  }
  body[data-ext-responsive="true"] .container .page-submenu > .full-width-content {
    padding: 0 var(--container-padding, 90px);
  }

  .page-submenu ul{
    display:block!important;
    height:auto!important
  }
}

/* Global section support */
.main-content > .row > .sticky-wrapper {
  position: relative;
  z-index: 100;
}

.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);
  }

}
