/* ==================================================================================
Screen 1440px+
==================================================================================== */

h1.title                    			        { margin:0px; line-height: 50px; text-transform: uppercase; letter-spacing: 0.15em; }


/***********************************************
Navigation
***********************************************/

#access                                         { height: 50px; float:right; }
#access a                                       { line-height: 50px; }

ul.nav-main                                     { float:right; font-size: 20px; }

ul.nav-main > li                                { display:block; float: left; line-height:38px; margin:0; padding:0; 
                                                  position:relative; padding-left: 15px; padding-right: 15px}
ul.nav-main > li:last-child                     { padding-right: 0px} 

.nav-main ul.sub-menu                           { display:none; }
.nav-main ul.sub-menu:before                    { content: "|"; padding-left: 15px; padding-right: 15; line-height: 85px; }
.nav-main ul.sub-menu li                        { float: left; padding-left: 15px; padding-right: 15px }


ul.nav-main > li.menu-item-has-children.current-menu-item > a   { display:none; }
ul.nav-main > li.current-menu-item > ul.sub-menu                { display:block; }

ul.nav-main > li.current-menu-parent > a                        { display:none; }
ul.nav-main > li.current-menu-parent > ul.sub-menu              { display:block; }


ul.nav-main a                                   { padding-bottom:4px; border-bottom: 1px solid #fff;
                                                  transition-property: border-color .3s ease, color .3s ease;
                                                  -moz-transition: border-color .3s ease, color .3s ease;
                                                  -o-transition: border-color .3s ease, color .3s ease;
                                                  -webkit-transition: border-color .3s ease, color .3s ease; }

ul.nav-main a:hover                             { border-bottom: 1px solid #333; color: #333 }

ul.nav-main li.current-menu-item > a            { border-bottom: 1px solid #333;  }


/***** Mobile navigation *****/

#access-mobile                                  { display: none }

.nav-collapse ul                                { margin:0px 0 0px 0px; } /* Reset Amazium List */
.nav-collapse li                                { margin:0; padding:0; }  /* Reset Amazium List */

.nav-collapse                                   { position: relative; top: 2em; left: 0;}
.nav-collapse ul                                { display: block; width: 100%; list-style: none; }

.nav-collapse li                                { width: 100%; }
.nav-collapse a                                 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
                                                  -webkit-transition: background .3s ease; -moz-transition: background .3s ease; 
                                                  transition: background .3s ease; display: block; width: 100%; padding-top:5px; padding-bottom: 5px }

.nav-collapse li:first-child a                  { border-top: 0 }
.nav-collapse li:last-child a                   { border-bottom: 0 }

.nav-toggle                                     { display: none }
.nav-toggle:hover                               { cursor: pointer }

.nav-collapse > ul > li > a                     { padding-top:20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0, .2); }
.nav-collapse > ul > li:first-child > a         { padding-top:8px; }
.nav-collapse > ul > li > ul > li:first-child > a { padding-top: 20px}

.nav-collapse > ul > li:last-child              { padding-bottom: 50px; }


/***** sub menu *****/

.nav-collapse .current-menu-item > a:before     { content: "\2014"; padding-right: 5px }  
.nav-collapse ul ul li:last-child               { padding-bottom: 20px; }

.nav-collapse a:hover                           { color:#333;}
.nav-collapse li a:hover::before                { content: "\2014"; padding-right: 5px }


/***********************************************
Footer
***********************************************/

footer                                          { height: 100px; /*background-color: #eee*/ }
footer a                                        { font-size:12px }

/* ==================================================================================
Screen max width 960
==================================================================================== */

@media only screen and (max-width:960px) {

  #access                                     { display:none }
  #access-mobile                              { display: block }

  .js .nav-collapse                           { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; }
  .nav-collapse                               { top: 0; width: 100%; position: relative; }
  .nav-collapse a                             { }
  .nav-collapse.opened                        { max-height: 9999px }
  .nav-collapse a:hover                       { }
  .nav-collapse .active a:hover               { }
  .nav-collapse > ul > li:first-child > a     { padding-top:20px; }
  

  /***** nav toggle styles (≡) *****/

  .nav-toggle                                 { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; 
                                                -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
                                                -ms-user-select: none; user-select: none; position: absolute; overflow: hidden; 
                                                display: block; text-decoration: none; text-indent: -999px;
                                                width: 100px; height: 71px; right:0px;  }

  .nav-collapse,
  .nav-collapse ul                             { list-style: none; width: 100%; float: left; }
  .nav-collapse li                             { float: left; width: 100%; }


  .nav-toggle:before                           { content: "\002B"; font-style: normal; font-weight: normal; font-variant: normal;
                                                 color: #333; font-family: Helvetica, sans-serif; font-size: 25px; text-transform: none; 
                                                 position: absolute; content: "+"; text-indent: 0; text-align: center; 
                                                 line-height: 0px; speak: none; width: 100%; top: 25px; left: 0; right: 0;}

  .nav-toggle.active:before                    { content:"x"; }

}

/* ==================================================================================
Screen Smaller than 1440px
==================================================================================== */
@media only screen and (min-width:1200px) and (max-width: 1440px) {

    #access 				 			      {  }
    h1, h2, p, a, ul						  { /*font-size:14px; line-height:26px;*/ }
    footer a                                  { /*line-height: px;*/ }

}

/* ==================================================================================
Screen Smaller than 1199px
==================================================================================== */
@media only screen and (min-width:960px) and (max-width: 1199px) {


    #access		                             { /*height: 60px; line-height: 60px;*/ }
    h1, h2, p, a, ul					     { /*font-size:14px; line-height:26px;*/ }

}

/* ==================================================================================
Tablet (Smaller than 959px)
==================================================================================== */
@media only screen and (min-width:768px) and (max-width: 959px) {


    #access 							     { /*height: 60px; line-height: 60px;*/ }
    h1, h2, p, a, ul 						 { /*font-size:14px; line-height:26px;*/ }

}

/* ==================================================================================
Mobile (portrait 300px)
==================================================================================== */
@media only screen and (max-width:767px) {

    .nav-toggle                             {top:33px;}
    h1.title a                              { }

    h1, h2, p, a, ul 					    { /*font-size:14px; line-height:21px;*/ }

    /*.grid_4                           		{ width:100%; }
    .grid_8                           			{ width:0%; }
    */
}

/* ==================================================================================
Mobile (landscape 420px)
==================================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .nav-toggle                              {top:33px;}
    h1.title a                               { }
    h1, h2, p, a, ul                         { /*font-size:14px; line-height:23px;*/ }

}