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

html,
body,
#page  {
  height: 100%;
}
#page-wrapper {
  min-height: 100%;
  }
/* #header div.section, */
#featured div.section,
#messages div.section,
#triptych,
#footer-columns,
#footer {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
#main-wrapper {
	width: 95%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	}
#header {
	min-height: 40px;
	overflow: hidden;
	}
#header div.section {
  position: relative;
  min-height: 40px;
}

#secondary-menu {
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  width: 100%;
}
#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;
}
.one-sidebar #content {
  width: 75%;
  float: right;
}
.two-sidebars #content {
  width: 75%;
  float: right;
}
.no-sidebars #content {
  float: none;
}
#sidebar-first,
#sidebar-second {
  width: 25%;
}
#main-wrapper {
  min-height: 300px;
}
#content .section  {
  padding: 0 5%;
}
.sidebar .section {
  padding: 0 01.5%;
}
#breadcrumb {
  margin: 0 01.5%;
	display: none;
}
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
  margin: 20px 2% 30px 2%;
  width: 280px;
}
#footer-wrapper {
  padding: 35px 5% 30px;
}
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  padding: 0 1%;
  width: 220px;
}
#footer {
}

/* Fix to allow e-thepeople window to fit */
.page-node-973 #main-wrapper {
  max-width:1015px;
}


/* -- different ordering for different pages, March 2014 -- */
  /*
  Home:
  main nav, logos, sidebar (all boxes), content (all boxes), footer
  */
  @media only screen and (max-width: 700px) {}
  @media only screen and (max-width: 475px) {
    /* don't have to do anything, it's the default view */
  }

  /*
  Your Voting Guide:
  main nav, logos, “At a Glance” (hide all other things in the content area), sidebar (all boxes), footer
  */
  @media only screen and (max-width: 700px) {}
  @media only screen and (max-width: 475px) {
    .one-sidebar #content .section {padding: 0 1.5%;}



    /* swapping source order */


    .not-front.one-sidebar:not(.page-node-1003) .flex-flip {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: reverse;
      -moz-box-direction: reverse;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      -webkit-box-align: stretch;
      -moz-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
    }

    .not-front.one-sidebar:not(.page-node-1003) .flex-flip > * {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;
    }

    .page-node-1003 .sidebar {
      display: none !important;
    }

  }