/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

// FUNCTIONS
.box-shadow (@x: 0; @y: 0; @blur: 5px; @spread: 0; @color: #AAA) {
  box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
}


// GLOBAL
body {
  background-color: #EBE9E1;

  .zone-branding {
    background-color: #EFEFEB;
    .box-shadow(2px, 5px, 5px, 2px, #999);
  }
  .zone-content {
    background-color: #EFEFEB;
    .box-shadow(2px, 5px, 5px, 2px, #999);
  }
  .zone-footer {
    background-color: #EFEFEB;
    .box-shadow(2px, 5px, 5px, 2px, #999);
	margin-bottom: 20px;
  }
  
}

// REGION USER
#zone-user-wrapper {
  min-height: 30px;
  #region-user-first {
    ul.menu {
      li.leaf { 
        list-style: square;
        list-style-image: url('../images/menu_li.png');
        float:left;
        margin-left: 50px;
        &.first {margin-left:0;}
  	  }
      a {
        color: #333;
        text-transform: uppercase;
        text-decoration :none;
        font-size: 14px;
        font-weight: bold;	
  	    :hover, &.active {
  	      color:#333;
  	    }	
  	  }
    }
  }
  #region-user-second {
  	#search-block-form {
  		input[type=submit] {
  			display:none;
  		}
  	}
  }
}

// REGION BRANDING
#region-branding {
  .region-branding-inner {
    .branding-image-wrapper {
      float:left;
      margin:30px 2px;
      &.first {margin-left: 17px;}
      &.last {margin-right: 17px;}
    }
    
    
    .logo-img {
      position: absolute;
      margin: -40px 0 0 15px;
      z-index: 99;
    }
  }
}

// REGION CONTENT
#region-content { 

  .pager {
     background:none;
	 border:none;
     li.pager-first,
     li.pager-previous,
     li.pager-next,
     li.pager-last {
  	    a {
        width:70px;
  	  }
     }
  
  li.pager-next {
  	right:70px;
  }
 } 
}