/**
 * Main CSS rules
 * @author gael.pawlak@ibmp-cnrs.unistra.fr
 * LICENSE CC-BY-SA copyright 2018-2024, CNRS
 */
 
 /*
 * Reset for html5
 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse;border-spacing: 0; }

 /*
  * General helper class / elements
  */
.strong { font-weight: bold; } 
.italic { font-style: italic; }
a { text-decoration:none;cursor:pointer;outline: none;color:#090b0d; }
a:hover { opacity:0.6;text-decoration:underline\9; }
.ip, .IpStd { font-family: Arial, Helvetica, ui-sans-serif;font-size: 1em;color:#090b0d;padding-top:3px;padding-bottom:3px; }
.BottomPageSpacer { height: 20px; }
.Hidden { display:none;visibility:hidden; }
.Hover { background-color:#f0f0f0;cursor:pointer; }

/*
 * Site structure
 */
body { font-size:13px;font-family: Roboto, Arial, Helvetica, ui-sans-serif;margin: 0 0 0 0;padding: 0 0 0 0;color: #090b0d;background-color: #fff; }
div#page-container { margin: 0 auto;max-width:1000px; }


/* header */
header#main-header { display:flex;border-bottom:solid 1px rgb(230, 230, 230); padding:0px 60px; }
.site-branding { min-width:215px; max-width:215px;}
.site-title { font-size: 1.0em; font-weight: normal; border-left: 6px solid #97146e; padding-left:6px; }
.site-title a { text-decoration: none; color: #515151; }
.site-title strong { font-size: 2.0em; font-weight: bold; display: block; color: #97146e; }
.header-user-nav { text-align:right;padding-top:10px;min-width:685px; }
.header-user-profile { font-size:0.95em;margin-left:0px;margin-right:20px; }
.header-user-profile a { color:#97146e; }

/* main container */
div#main-container { min-height:300px; padding:0; }
section#main-root {margin-left:60px; margin-right:60px; }
section#main-large {margin-left:0; margin-right:0; }
h1 { color:#97146e;font-weight:normal;font-size:1.8em; }
h2 { color:#97146e;font-weight:normal;font-size:1.4em; }
h3 { color:#97146e;font-weight:normal;font-size:1.2em; }
h4 { color:#97146e;font-weight:normal;font-size:1.1em; }

/* footer */
footer#main-footer { border-top:solid 1px rgb(230, 230, 230); margin-top:20px; }
footer#main-footer #main-footer-container { display:flex; padding:10px 60px 0px 60px; }
footer#main-footer #main-footer-container .logo-cnrs { padding:20px 50px 0px 195px; }
footer#main-footer #main-footer-container .logo-cnrs img { width:60px; }
footer#main-footer #main-footer-container .about { padding:30px 0px 0px 30px; font-weight:bold; min-width:180px; }
footer#main-footer #main-footer-container .about-title { color:#97146e; }
footer#main-footer #main-footer-container .about-list { padding-left:0px;display:flex; }
footer#main-footer #main-footer-container .about-list li { padding-top:2px;padding-bottom:2px;min-width:120px;  }
footer#main-footer .copyright { margin: 10px auto;opacity:0.7;font-size:0.8em;width:200px;text-align:center; }


@media screen and (min-width: 1120px) {
div#page-container { max-width:1100px; }
.header-user-nav { min-width:785px; }
footer#main-footer #main-footer-container .logo-cnrs { padding-left:245px; }
footer#main-footer #main-footer-container .about { padding-left:50px; }
footer#main-footer #main-footer-container .about-list li { min-width:140px;  }
}
@media screen and (min-width: 1230px) {
div#page-container { max-width:1210px; }
.header-user-nav { min-width:890px; }
footer#main-footer #main-footer-container .logo-cnrs { padding-left:300px; }
footer#main-footer #main-footer-container .about { padding-left:100px; }
footer#main-footer #main-footer-container .about-list li { min-width:140px;  }
}
@media screen and (min-width: 1360px) {
div#page-container { max-width:1340px; }
.header-user-nav { min-width:1025px; }
footer#main-footer #main-footer-container .logo-cnrs { padding-left:365px; }
footer#main-footer #main-footer-container .about { padding-left:170px; }
footer#main-footer #main-footer-container .about-list li { min-width:140px;  }
}
@media screen and (min-width: 1420px) {
div#page-container { max-width:1400px; }
.header-user-nav { min-width:1085px; }
footer#main-footer #main-footer-container .logo-cnrs { padding-left:390px; }
footer#main-footer #main-footer-container .about { padding-left:200px; }
footer#main-footer #main-footer-container .about-list li { min-width:140px;  }
}

.AppList { text-align: center; }
.App { display:inline-block;text-decoration: none; width: 330px; margin:40px 20px;
    border-bottom:solid 3px #97146e; border-top:solid 3px #97146e;font-size:1.2em;padding-bottom:15px;}
.App:link { color: #090b0d; }
.App:visited { color: #090b0d; }
.App:hover { color:#97146e; }
.AppLogoContainer { width:300px;height:250px;vertical-align: bottom }
.Cypedia { margin-top:60px; }
.PlantRNA { margin-top:50px; }
.AppLogo { width:200px;}
.App div { margin-left:15px; }