/* ---------- Basic Layout Styles ----------- */

html,
body,
#page  {
  /*height: 100%;*/
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
#page-wrapper {
  min-height: 100%;
  min-width: 1168px;
}

:focus {
  outline: none
}

#header div.section,
#featured div.section,
#messages div.section,
#main-menu-region div.section,
#aftercontent-region div.section,
#main,
#triptych,
#footer-columns {
  width: 1168px;
  margin-left: auto;
  margin-right: auto;
}
#header div.section {
  position: relative;
}

#content,
#sidebar-first,
#sidebar-second,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  display: inline;
  float: left; /* LTR */
  position: relative;
}
.layout-one-sidebar #content {
  width: 806px;
  max-width: 100%;
}
.layout-two-sidebars #content {
  width: 480px;
  max-width: 100%;
}
.layout-no-sidebars #content {
  width: 1168px;
  float: none;
}

body.layout-one-sidebar .sidebar {
  width: 30%;
}
[dir="rtl"] .column#sidebar-first {
  margin-right: -100%;
  margin-left: 0;
}
.column#sidebar-second {
  clear: none;
  width: 30%;
  margin-left: -30%; /* LTR */
  padding-right: 30px;
  box-sizing: border-box;
}
[dir="rtl"] .column#sidebar-second {
  margin-right: -30%;
  margin-left: 0;
}

.column.sidebar .section {
  padding: 0px 0px 0;
}


#main-wrapper {
  /*min-height: 300px;*/
  flex: 1;
}
/*!*/
#content .section {
  padding-left: 30px;
  padding-right: 30px
}

.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
  margin: 20px 20px 30px;
  width: 280px;
}
#footer-wrapper {
  /*padding: 0 0 30px;*/
  /*padding-bottom: 50px*/
}

.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  width: 290px;
  box-sizing: border-box;
  margin-top: 29px
}

.region-footer-fourthcolumn {
  width: 242px;
  margin-left: 30px;
}

#mobile-bottom {
  width: 100%;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  clear: both;
}