/* Restoration.Pasatiempo.com public website stylesheet 
   Assumes preloaded reset stylesheet
   Sep 7, 2022
*/
body {  
   /*background:#cbd4e3;*/
   background:#ffffff;
   font-family: "Arial";
   color:#082331;
   width:100%;
   width:100vw;
}
div {
   box-sizing: border-box;
}
#maintitle	 {
	 position:relative;
	 float:left; 
	 font-size: 1.6rem;
	 left:2rem;
	 top:30%;
	 margin-bottom:.5rem; /* Important in portrait orientation when sibling wraps */
}
#filterTag {
	 text-align:center;
	 color:#800000;
}
#login {
      position:absolute;
      top:.75rem;
      right:3rem;
}
#top-bar {
	 background: #f0f0f0 url(./images/restorelogo.png) top left no-repeat;
	 background-size: auto 4.5rem;
	 background-position: 1rem .5rem;
	 position: relative;
	 width:100%;
	 min-height:6.5rem;
	 border:1px solid grey;
	 margin-bottom:.5rem;
	 padding:.5rem;
	 border-radius:1rem;
	 }
#main {
	 border:1px solid transparent;
	 width:100%; 
	 height:auto;
	 /*background: #cbd4e3 url(./images/skyline_bbg.png) top center no-repeat */;
	 background:#ffffff;
	 background-size: 100% 80px;
	 position: absolute;
	 padding:.5rem;
	 display: flex;
	 flex-wrap: wrap;
	 }

#content {
	 position: relative;
	 min-height:200px; /* min/auto prevent collapse on empty filter result in portrait orientation */
	 height:auto;
	 border: 1px solid transparent;
	 /*border-right:2px solid #506886;
	 border-right:2px solid #a7bcd9;*/
	 padding-right: 1rem;
	 padding-bottom: 2rem;
	 float:left;
	 flex: 80%;
	 }
#content h1:first-of-type {
	 font-size:  1.4rem;
	 text-align:center;
	 margin:1rem auto auto auto;
}
#rightbar {
	 /*background: #e0e6f2 url(./images/right_grad_2t.png) top center no-repeat;*/
	 background:#ffffff;
	 position: relative;
	 height: auto;
	 border:1px solid grey;
	 border-radius:1rem;
	 float:right;
	 flex: 20%;
	 text-align:center;
	 padding:2rem 1rem;
	 font-size:1.2rem;
}
#rightbar hr {
	 width:50%;
	 margin:3rem auto;
	 background:#303030;
}
/* Make top menu list text larger than following siblings */
#rightbar ul:first-of-type {
	 font-size: 1.4rem;
   }
#rightbar ul {
	 list-style-type:none;
	 font-size: 1.2rem;
	 text-align:left;
	 margin-top: 2rem;
	 margin-left: 2rem;
}
#rightbar li {
	 color:#506886;
	 margin-bottom: .6rem;
}
#rightbar li a {
	 text-decoration: none;
	 color: #154272;
	 color: #050f11;
	 padding-left: 1rem;
}
#rightbar li a:hover {
	 padding-left: 0px;
	 color:#506886;
	 transition: .05s;
}
#rightbar h1 {
	 font-size:1rem;
	 margin-top:1rem;
}
#rightbar h2 {
	 font-size:1rem;
	 margin-top:1rem;
}
#indicator {
	    width:5rem;
	    height:1rem;
	    margin:1rem auto;
	    background: green;
}
#rightText {
	 font-size: 1rem;
	 margin: 0;
	 margin-bottom:2rem;
	 text-align:justify;
	 padding:1rem;
	 border: 1px double #303030;
	 border-radius: 1rem;
	 line-height:1.2;
	 background:#f8f8f8;
	 box-shadow: -6px 6px 8px #506886;
	 box-shadow: -6px 6px 8px #808080;
}
#rightText p {
	 margin-top:.5rem;
	 text-align:left;
}
#footer {
	 width:100%;
	 min-height:4rem; 
	 border:1px solid grey; 
	 background:#c0c0c0;
	 margin-top:1rem;
	 /*flex: 100%;*/
	 border-radius:1rem;
	 }

@media (max-width: 1200px) {
  #rightbar {
    flex: 100%;
    border:0;
    padding:0;
  }
  #content {
    flex: 100%;
    padding-right:0;
  }
#top-bar {
	 background-size: auto 3.5rem;
	 background-position: .5rem .5rem;
      }
  #indicator { background: yellow; }
}

@media (orientation: portrait) {
  #content, #rightbar {
    flex: 100%;
    /*border-bottom: 0px solid #808080;*/
  }
#top-bar {
	 background-size: 25% auto;
	 background-position: .5rem .5rem;
      }
  #indicator { background: red; }
  /*    
  #tagsel { 
      margin-left:3rem;
   }
   */
   /* Make all font-sizes scale down */
   html {font-size:80%;}
}

/* More permanent styles begin here - should be retained in final design */
.resultTable { width:auto; margin:auto; }
.resultTable th {vertical-align:top; font-weight:bold; font-size:larger; text-align:left; padding:4px 0 4px 4px;}
.resultTable td { width:auto; padding:0 1em 0 1em;}


.resultTable tr:nth-child(odd) {
	 background-color:#c0c0c0;
	 }

.taglistdiv {
      max-width:300px !important; min-height:2em; padding:1em 0 0 0; border:1px solid #c0c0c0; margin-top:20px;
}
textarea {
	 min-width:280px; min-height:60px;
}
.rightLinks {
	 font-size: 1.4rem;
	 font-weight:normal;
	 text-align:left;
	 margin: 2rem auto auto 2rem;
	 line-height:1.6;
}
.pgst {
	 text-align:center;
}
.pgnLinks {
	 text-align:center;
	 margin-top:20px;
}
.pdflink, .pdfdl {
	    padding-left: 4rem;
}
.release {
	 margin:2rem auto auto 1rem;
	 border: 1px solid transparent;
	 border-radius:12px;
	 padding:6px 20px 6px 6px;
	 background-color: #c0c0d0;
	 /*background: rgb(0,0,0,.08);*/
	 box-shadow: -6px 6px 8px #506886;
	 box-shadow: -6px 6px 8px #808080;
}
.release h3 {
	 margin: .75rem auto .75rem 1rem;
	 text-align:left;
	 font-size:1.2rem;
}
.release p {
	 margin: auto auto .75rem 2rem;
	 line-height: 1.3rem;
	 text-align:justify;
}
.prerelease {
	 background-color: #d0c0c0;
}

.latest-release {
	 text-align:center;
	 font-size:1.4rem;
	 color:red;
	 font-style:italic;
}

/* News */
.news {
	 margin:2rem auto auto 1rem;
	 border: 1px solid transparent;
	 border-radius:12px;
	 padding:6px 20px 6px 6px;
	 background-color: #c0c0d0;
	 /*background: rgb(0,0,0,.08);*/
	 box-shadow: -6px 6px 8px #506886;
	 box-shadow: -6px 6px 8px #808080;
}
.news h3 {
	 margin: .75rem auto .75rem 1rem;
	 text-align:left;
	 font-size:1.2rem;
}
.news p {
	 margin: auto auto .75rem 2rem;
	 line-height: 1.3rem;
	 text-align:justify;
}
.prenews {
	 background-color: #d0c0c0;
}

.latest-news {
	 text-align:center;
	 font-size:1.4rem;
	 color:red;
	 font-style:italic;
}
.newsdate {
	 width:20%;
}
.newstitle {
	 font-size:1.2rem;
	 margin-left:4rem;
	 font-weight:bold;
}
.newsdesc {
	 padding-left:2rem;
}
/* Project info styles */
#project-info {
	 width:100%;
	 padding:3rem;
}
#project-info ul {
	 list-style-type: disc;
	 margin-top: 1rem;
	 margin-bottom: 2rem;
	 padding:0;
	 display:block;
}
#project-info ul ul {
	 list-style-type: none;
	 margin-top: .5rem;
	 
}
#project-info ul li {
	 margin-left:2rem;
	 line-height:1.2rem;
}
#project-info h1 {
	 text-align: left;
	 margin-left; 2rem;
	 margin-bottom:1rem;
}
#project-info h2 {
	 text-align: left;
	 margin: .75rem auto 1rem 0;
	 font-size: 1.3rem;
}
#project-info h3 {
	 text-align: left;
	 margin: .75rem auto 1rem 0;
	 font-size: 1.2rem;
}
#project-info p {
	 line-height:1.5rem;
}