/*
Put everything "inside" #wrapper #outer-wrap,
so this let you the possibilty to overwrite easily the 
style-main.scss in case you needed to.
*/


@media all and (min-width: 768px){

  /*
  --------------------------------------------------------------------------
  GRID
  --------------------------------------------------------------------------
  */
 
  #header > .inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
  }
  
  #footer > .inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
  }
 
  #inner-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
  }
  
  #main .article {
    margin-left: auto;
    margin-right: auto;
    max-width: 640px;
  }  
  
  /* SELF CLEARING FLOATS - CLEARFIX METHOD
  ---------------------------- */
  #wrapper #outer-wrap .row:after, 
  #wrapper #outer-wrap .col:after, 
  #wrapper #outer-wrap .clr:after, 
  #wrapper #outer-wrap .group:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  
  /* COLUMNS
  ---------------------------- */
  #wrapper #outer-wrap .col {
    display: block;
    float: left;
    width: 100%;
  }
  #wrapper #outer-wrap .col-70 { width: 70%; }
  #wrapper #outer-wrap .col-50 { width: 50%; }
  #wrapper #outer-wrap .col-33 { width: 33.33%; }
  #wrapper #outer-wrap .col-30 { width: 30%; }
  
  
  /* CLEARFIX HACK IE6 & IE7
  ---------------------------- */
  #wrapper #outer-wrap .row,
  #wrapper #outer-wrap .clr,
  #wrapper #outer-wrap .group { zoom: 1; }
  #wrapper #outer-wrap *:first-child + html .row,
  #wrapper #outer-wrap *:first-child + html .clr,
  #wrapper #outer-wrap *:first-child + html .group { zoom: 1; }
  
  
  /* RESET MARGINS
  ---------------------------- */
  #wrapper #outer-wrap .col:first-child { margin-left: 0; }
  
  
  /* 
  --------------------------------------------------------------------------
  GENERAL
  -------------------------------------------------------------------------- 
  */
  
  .img-desktop {
    display: none;
  }
  
  .img-mobile {
    display: none;
  }
  
  /* MAIN
  ---------------------------- */
  #wrapper {
    height: 100%;
    min-height: 100%;
  }
  
  #inner-wrap {
    height: 100%;
  }
  
  #main {
    height: 100%;
  }
  
  
  /*
  --------------------------------------------------------------------------
   HEADER
  --------------------------------------------------------------------------
  */
  
  
  /* LOGO
  ---------------------------- */
  
  
  /* NAV / MENU
  ---------------------------- */
  #nav {
    background-color: #e1261c;
    border: 1px solid #dad7cc;
    display: none;
    left: 20px;
    padding-bottom: 30px;
    position: absolute;
    top: 65px;
    width: 260px;
    z-index: 5;
  }
  
  .active-nav #nav {
    display: block !important;
  }
  
  /* SUB-MENU
  ---------------------------- */
  
  
  
  
  /* 
  --------------------------------------------------------------------------
  FOOTER
  -------------------------------------------------------------------------- */
  
  
  /* CREDITS
  ---------------------------- */
  
  
  
  
  /*
  --------------------------------------------------------------------------
   HOME - FRONT-PAGE (SPLASH)
  -------------------------------------------------------------------------- */
  
  
  /* SECTION
  ---------------------------- */
  #main .splash#inner-wrapper {
    height: 100%;
    max-width: none;
    min-height: 100%;
  }
  
  #main .splash .summary {
    height: 100%;
    min-height: 100%;
  }
 
  #main .splash .building {
    background: transparent url("../images/splash-morningstar1.jpg") center 50% no-repeat;
    float: left;
    height: 796px;
    overflow: hidden;
    width: 47%;
  }
  
  #main .splash .building .empty-link {
    
  }
  
  #main .splash .building .img-desktop {
    height: 100%;
    max-width: none;
    width: auto;
  }
  
  #main .splash .language-selection {
    display: none;
  }
  
  #main .splash .block-content {
    float: right;
    /*height: 100%;*/
    width: 53%;
  }
  
  #main .splash .block-content .block {
   /*height: 50%;*/ /* 398px */
   min-height: 398px;
  }
  
  #main .splash .actions-buttons .cta.big {
    padding: 9px 23px;
    min-width: 180px;
    text-align: center;
  }
  
  /*#main .splash .block-content .block { 
    
    overflow: auto;
  }
  
  #main .splash .block-content .block:after,
  #main .splash .block-content .inner-content {
    display: inline-block;
    vertical-align: middle;
  }
  
  #main .splash .block-content .block:after {
    content: '';
    height: 100%;
    margin-left: -0.25em;
  }
  
  #main .splash .block-content .block .inner-content {
    max-width: 99%;
  }
  
  #main .splash .actions-buttons .cta.big {
    padding: 9px 23px;
    min-width: 180px;
    text-align: center;
  }*/
  
  /* SECTION
  ---------------------------- */
  
  
  /* SECTION
  ---------------------------- */
    
  
  
  
  /* 
  --------------------------------------------------------------------------
  PAGE WYSIWYG
  -------------------------------------------------------------------------- */
  #main .article {
    min-height: 100%;
    padding: 44px 50px;
  }
  
  #wrapper .btnToggleMenu {
    left: 20px;
    position: absolute;
    top: 15px;
  }
  
  /* SECTION
  ---------------------------- */
  
  
  /* SECTION
  ---------------------------- */
  
  
  /* SECTION
  ---------------------------- */
  
  
  
  
  /* 
  --------------------------------------------------------------------------
  PAGE DISCOVER
  -------------------------------------------------------------------------- */
  
  
  /* SECTION
  ---------------------------- */
  .output-content {
    width: 70%;
  }
  
  /* SECTION
  ---------------------------- */
  
  
  /* SECTION
  ---------------------------- */
  
  #wrapper #outer-wrap .row:after, #wrapper #outer-wrap .col:after, #wrapper #outer-wrap .clr:after, #wrapper #outer-wrap .group:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  #wrapper #outer-wrap .col {
    display: block;
    float: left;
    width: 100%;
  }
  #wrapper #outer-wrap .col-70 {
    width: 70%;
  }
  #wrapper #outer-wrap .col-50 {
    width: 50%;
  }
  #wrapper #outer-wrap .col-33 {
    width: 33.33%;
  }
  #wrapper #outer-wrap .col-30 {
    width: 30%;
  }
  #wrapper #outer-wrap .row,
  #wrapper #outer-wrap .clr,
  #wrapper #outer-wrap .group {
    zoom: 1;
  }
  #wrapper #outer-wrap *:first-child + html .row,
  #wrapper #outer-wrap *:first-child + html .clr,
  #wrapper #outer-wrap *:first-child + html .group {
    zoom: 1;
  }
  #wrapper #outer-wrap .col:first-child {
    margin-left: 0;
  }
}