/**
 * @file
 * Bartik layout styling.
 */

/**
 * Container
 */
.layout-container {
  box-sizing: border-box;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (min-width: 851px) {
  .layout-container {
    max-width: 1290px;
  }
}

/**
 * Main
 */
.layout-main-wrapper {
  min-height: 300px;
}
.layout-main {
  margin-top: 20px;
  margin-bottom: 40px;
}


/* ------------------- Basic Layout Styles ---------------- */
* {
    box-sizing: border-box;
}
html,
body,
#page  {
  height: 100%;
}
#page-wrapper {
  min-height: 100%;
}
#header .section,
#featured .section,
#messages .section,
body:not(.systems) #main,
#footer-columns,
#footer {
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
#header .section {
  position: relative;
}
.region-header {
  float: right; /* LTR */
  margin: 1em 5px 1.5em;
}
#secondary-menu {
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
#main-wrapper {
    width: 100%;
    margin: 0;
    display: inline-block;
    text-align: left;
}
body:not(.path-frontpage) #main-wrapper {
    background: #fff;
}
#breadcrumb {
  margin: 0 15px;
}
#footer-wrapper {
  padding: 35px 0 30px;
}
#footer-wrapper .section {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
}

.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}

#sidebar-second {
    margin-bottom: -24px;
    position: relative;
}
#sidebar-second #block-block-4 {
    width: 100%;
    margin: 0;
    text-align: center;
}

#block-block-8.block.block-block {
    margin: -30px 0 -5px 15px;
}

.sidebar #block-block-5 ul {
    margin-top: -10px;
}

p.bottom-list {
    margin-top: 15px;
}

@media all and (min-width: 560px) and (max-width: 850px) {

  #sidebar-first,
  .region-footer-firstcolumn,
  .region-footer-secondcolumn,
  .region-footer-thirdcolumn,
  .region-footer-fourthcolumn {
    display: inline;
    float: left; /* LTR */
    position: relative;
  }
  #sidebar-first,
  #sidebar-second {
    width: 50%;
  }
  #sidebar-second {
    margin-left: 50%; /* LTR */
  }
  /*.layout-one-sidebar #sidebar-first,
  .layout-one-sidebar #sidebar-second {
    width: 100%;
  }
  .layout-one-sidebar #sidebar-second {
    margin-left: 0;   
  }*/
  .region-footer-firstcolumn,
  .region-footer-secondcolumn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 50%;
  }
  .region-footer-thirdcolumn,
  .region-footer-fourthcolumn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 50%;
  }
  .region-footer-thirdcolumn {
    clear: both;
  }
}

@media all and (min-width: 1025px) {
    body:not(.systems) #content .section,
    .title-wrapper-inner {
        padding-right: 460px;
    }
    #overlay #content .section {
        padding-right: 0;
    }
    .path-frontpage #sidebar-second .section {
            width: 557px;
    }
    body:not(.path-frontpage) #sidebar-second .section {
        width: 460px;
    }
}
@media all and (max-width: 1024px) and (min-width: 851px) {
    body:not(.systems) #content .section,
    .title-wrapper-inner {
        padding-right: 360px;
    }
    #overlay-content #content .section {
        padding-right: 0;
    }
    .path-frontpage #sidebar-second .section {
            width: 457px;
    }
    body:not(.path-frontpage) #sidebar-second .section {
        width: 360px;
    }
}

@media all and (min-width: 851px) {
    #header .section,
    #featured .section,
    #messages .section,
    body:not(.systems) #main,
    #footer-columns,
    #footer,
    .title-wrapper-inner {
        max-width: 1366px;
        width: 100%;
        margin: 0 auto;
    }
    .title-wrapper-inner h1 {
        max-width: 660px;
        width: 100%;
        margin: 0 auto;
    }
    #content,
    #content .section {
        width: 100%;
    }
    body:not(.systems) #content .region-content {
        max-width: 756px;
        width: 100%;
    }
    #overlay #content .region-content {
        max-width: unset;
    }
    .path-frontpage #highlighted .region {
        max-width: 660px;
        width: 100%;
        margin: 0;
    }
    #content .region-content {
        margin: 0 auto;
    }
    #sidebar-second {
        width: 100%;
        position: absolute;
        top: 0;
    }
    body:not(.systems) #sidebar-second {
        max-width: 1366px;
    }
    #sidebar-second .section {
        position: absolute;
        top: 0;
        right: 0;
    }
    .path-frontpage #sidebar-second .section {
        padding-left: 157px;
    }

}

@media all and (min-width: 851px) {
    #header {
        display: none;    
    }
}