/*global*/
body {background-image: none;}
/* body > header .breadcrumbs {width: 80%; max-width: 80%;} */
/* body header .menu-box {max-width: calc(80% - 20px);margin-top: 15px;} */

/*header*/
body > header .logo .bip {text-align: left;height: auto;padding-right: 20px;}
body > header .logo .bip img{height: 80px;}
body > header .logo .mainTitle {text-align: left;}
body > header .logo {padding: 25px 10px;max-width:94%;}
body > header .logo .mainTitle .what,
body > header .logo .mainTitle span.what{display:none!important;}
body > header .logo .mainTitle .where {font-size: 3.5rem;}
body header .menu-box {max-width: calc(94% - 20px);}
@media screen and (min-width: 1000px) {
  .menu-main nav {border-top: 1px solid #e2e2e2;border-left: 1px solid #e2e2e2;margin-top: 15px;}
}

/*aside*/
main > #main-content.contents {width: calc(100% - 305px);}
main > #main-content.box {width: calc(100% - 305px);}
main #main-content:not(.box) {width: calc(100% - 305px);}
.main > .aside {float: left;width: 290px;margin-right: 15px;}
.aside > .box {border: 1px solid #EAEAEA;}

/*contents*/
.main .contents .list article > aside {width: 100px;}
#main-content .list.general article > aside img {width: 100px;}
#main-content .list.general article > aside img {border: none;}
#main-content .list.general article > header a {font-size: 1.6rem;line-height: 1.4;}
#main-content .list.general article > div:not(.casestatuses_archive_open_container) {line-height: 1.4;}
#main-content .list.general article:nth-child(2n+1) {background: transparent;}

/*search*/
#main-content.search .list.general > * {
  border-right: none !important;
  border-top: 1px solid #c00000 !important;
}
#main-content.search .list.general > article{
  padding: 15px!important;
}

/*footer*/
/*body.desktop > footer .boxes, body.desktop-small > footer .boxes {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;}*/
body.desktop-small > footer .boxes > div {width: auto;min-width: calc(25% - 22px);}
body.desktop-small > footer .boxes > div.links {width: auto;max-width: 50%;}
body > footer .boxes {margin: 0 auto;}
body > footer .boxes .important-links .important-link {margin-top: 10px;display: inline-block; margin: 12px 2px 2px 14px;}
body > footer .boxes .important-links .important-link .logo-bip-footer {max-width: 120px;}
body > footer .boxes > div > h3 {padding: 10px 0 0 5px;}
body > footer .boxes > div > div {padding: 0 5px;}
body > footer .links ul {margin: 10px 0 0 5px;}
body > footer .bottom .wrapper .version {padding-left: 20px;}
@media (min-width: 1536px) {
  body > footer .boxes > div, 
  body.desktop > footer .boxes > div {width: auto; min-width: calc(25% - 22px);padding-right: 22px;margin: 0;}
}

/*RWD*/
  body.smartphone > header .logo .mainTitle,
  body.smartphone-wide > header .logo .mainTitle {text-align: center;}
  body.smartphone header .logo,
  body.smartphone-wide header .logo,
  body.tablet header .logo,
  body.tablet-wide header .logo{max-width: 100%;}
  body.smartphone > header .logo .bip, 
  body.smartphone-wide > header .logo .bip {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;width: 50%;}
  body.smartphone > header .logo .crest, 
  body.smartphone-wide > header .logo .crest {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;-webkit-box-flex: 0; -ms-flex: 0 0 50%;flex: 0 0 50%;}
  body.tablet > header .logo .crest{-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%;}
  body.tablet > header .logo .bip{-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 30%;}
  body.tablet > header .logo .mainTitle{ -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%;}
  
  body.tablet-wide > header .logo .crest {-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%;}
  body.tablet-wide > header .logo .bip {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%;}
  body.tablet-wide > header .logo .mainTitle{ -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%;}
  
  body.desktop-small > header .logo .crest{-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%;}
  body.desktop-small > header .logo .bip{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%;}
  body.desktop-small > header .logo .mainTitle{ -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%;}
  
  body.tablet > header .logo .bip,
  body.tablet-wide > header .logo .bip,
  body.desktop-small > header .logo .bip,
  body.desktop > header .logo .bip{border-right: 1px solid #e2e2e2;}
  body.smartphone-wide #banner-header {max-width: 100%;}
  @media screen and (max-width: 1200px) {
    .main.container-fluid {width: 95%;}
    body > header .breadcrumbs {width: 95%; max-width: 95%;}
    body header .menu-box {max-width: calc(95% - 20px);margin-top: 15px;}
  }
  @media screen and (min-width: 1536px) {
    /* main > #main-content.contents {width: calc(85% - 305px);}
    main > #main-content.box {width: calc(85% - 305px);} 
    main #main-content:not(.box) {width: calc(85% - 305px);}*/
    .box > header > :not(ul):not(a):first-child {padding-right: 25%;}
    .wysiwyg {margin-right: 25%;}
  }
  @media screen and (min-width: 1200px) {
    #main-content:not(.index) .list.general article {margin-bottom: 30px;}
    #main-content:not(.index) .list.general article:nth-child(2n+1) {background: #fff;border-right: 1px solid #eee;padding-right: 40px;}
    #main-content:not(.index) .list.general article:nth-child(2n) {padding-left: 30px;}
    #main-content:not(.index) .list.general article + article {border-top: none;}
  }
  @media (min-width: 992px) {
    body > header .logo .bip{border-right: 1px solid #e2e2e2;}
  }