/* ------------------------------------------- */
/* Faux Unity theme                            */
/* ------------------------------------------- */

@import url("/css/fonts.css") all;
@import url("/css/footer.css") all;
@import url("/css/header.css") all;
@import url("/css/breadcrumbs.css") all;
@import url("/css/nav.css") all;
@import url("/css/general_formatting.css") all;

html {
 height: 100%;
}

body {
 background: #dbe2e9 url(/images/bg-body-ucar-v4.png) repeat-y top right;
 margin: 0;
 padding: 0;
 color: #333333;
 line-height: 1.3em;
 font-size: 1.15em;
 height: 100%;
 font-family: "Poppins", "UbuntuRegular", "Lucida Grande", Verdana, Arial;
}

div#vwrapper {
 display: -webkit-box;
 display: -webkit-flex;
 display: -moz-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -webkit-flex-direction: column;
 -moz-box-orient: vertical;
 -moz-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 height: 100%;
}

div#wrap {
 -webkit-box-flex: 1;
 -webkit-flex: 1;
 -moz-box-flex: 1;
 -ms-flex: 1;
 flex: 1 1 auto;
 width: 100%;
 margin: 0;
}

div#container {
 height: auto; 
 border: 1px solid #323133;
 margin: 0;
 padding: 10px 1%; /* DD: mix px and % in favor of the old 2% 1% */
 overflow: hidden;
 display: flex;
}


main {
  flex: 0 1 75%;
  margin: 0 1% 0 0;
  padding:0;
}

article ul {
 margin:15px 0 0 0;
 padding:2%;
 background-color: #FFFFFF;
}

article ul li {
 list-style-type: none;
 display: flex;
 background-color: #FFFFFF;
 margin-bottom:15px;
 padding:0;
 font-size: 0.9rem;
}

/* docs and downloads */
article li a {
 font-size: 1.15rem;
} 

article ul li a img {
 flex: 0 1 30px;
 border: 1px solid #323133;
 padding: 5px;
 margin-right: 20px;
 width: 30px; 
}


/* ------------------------------------------- */
/* Styling for narrow screens                  */
/* ------------------------------------------- */

@media all and (max-width: 900px) {
 #container {
  flex-direction: column;
 }

 /* nav section in nav.css will be order: 1 */
 main {
  order:2;
 }
}