html {
  font-size: 14px;
}
/*Use of a larger font improves the rendering*/
@media (max-width: 576px), (min-width: 1920px) {
  html {
    font-size: 16px;
  }
}
html,body {
     margin:0;
     padding:0;
     background :#f1f1f1;
}
a,a:link {
    text-decoration:none
}
/*same color and size as in all.css*/
h1, h2, h3, h2 a, h3 a {
  color: #3494d3;
}
.h1, h1 {
    font-size: 2rem;
}
.h2, h2 {
    font-size: 1.6rem;
}
.h3, h3 {
    font-size: 1.3rem;
}


/* nav class */
.navbar-brand {
    width: 133px;
    height: 40px;
    background: url(//nav.mageia.org/css/mageia-logo-nav-3.svg)no-repeat;
    background-size: contain;
}
.mganav, .mganav .navbar {
    background-color: #f7f7f7;
}
#mgnav .nav-link:focus, #mgnav .nav-link:hover {
    color: #2383C2;
}
.about #mgnav .about,
.downloads #mgnav .nav-item .downloads,
.community #mgnav .community,
.blog #mgnav .community,
.section-index #hmgn .community, /*forum*/
.mediawiki #mgnav .wiki,
.support #mgnav .support,
.contribute #mgnav .contribute,
.donate #mgnav .donate,
.bugs-mageia-org #mgnav .contribute,
.contrib #mgnav .contrib,
.you #mgnav .you,
.contact #mgnav .contact,
.doc #mgnav .doc,
#mgnavsub .nav-pills .nav-link.active {
    font-weight: bold;
    color: white;
    text-shadow: 0 0 3px #222;
    background: #2383C2;
    background: -webkit-linear-gradient(top, #3494D3 0%, #2383C2 50%);
    background: -moz-linear-gradient(top, #3494D3 0%, #2383C2 50%);
    background: -o-linear-gradient(top, #3494D3 0%, #2383C2 50%);
    background: linear-gradient(top, #3494D3 0%, #2383C2 50%);
    
}

/*nav height, on desktop*/
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link{
        padding: 1rem .5rem;
    }
    #mgnav {
        padding: 0px;
    }
}

#mgnavtitle, /* deprecated */
#mgnavt /* preferred */
{
    margin: 0;
    padding: .7rem;
    color: #fff;
    text-shadow: 0 0 3px #222;
    text-align: center;
    background: #2383C2;
    background: -webkit-linear-gradient(top, #2383C2 0%, #1272B1 50%);
    background: -moz-linear-gradient(top, #2383C2 0%, #1272B1 50%);
    background: -o-linear-gradient(top, #2383C2 0%, #1272B1 50%);
    background: linear-gradient(top, #2383C2 0%, #1272B1 50%);
}
#mgnavt a { color: #fff; }

/* allows to have a title + contextual sub menu */
header#mgnavt { text-align: center; }
#mgnavt h1 { font-size: 2rem; color: #fff; margin: 0; padding: 0; display: inline; }
#mgnavt ul { font-size: 1rem; margin: 0 0 0 2em; padding: 0; display: inline; }
#mgnavt ul li { display: inline; margin: 0 0.8em; padding: 0; }
#mgnavt ul li a { display: inline-block; text-decoration: none; }

#mgnavsub ul {
    margin: auto;
    padding: 0px;
}
    
/*
https://github.com/iconic/open-iconic/blob/master/svg/globe.svg
https://codepen.io/jakob-e/pen/doMoML
*/
.globe-icon:after{
   content:'';
   width: 1rem;
   height: 1rem;
   margin-left: 0.3rem;
   display: inline-block;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='0.4' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M4 0C1.79 0 0 1.79 0 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 1c.33 0 .64.09.94.19-.21.2-.45.38-.41.56.04.18.69.13.69.5 0 .27-.42.35-.13.66.35.35-.64.98-.66 1.44-.03.83.84.97 1.53.97.42 0 .53.2.5.44-.54.77-1.46 1.25-2.47 1.25-.38 0-.73-.09-1.06-.22.22-.44-.28-1.31-.75-1.59-.23-.23-.72-.14-1-.25-.09-.27-.18-.54-.19-.84.03-.05.08-.09.16-.09.19 0 .45.38.59.34.18-.04-.74-1.31-.31-1.56.2-.12.6.39.47-.16-.12-.51.36-.28.66-.41.26-.11.45-.41.13-.59-.06-.03-.13-.1-.22-.19.45-.27.97-.44 1.53-.44zm2.31 1.09c.18.22.32.46.44.72v.03c-.04.07-.11.11-.22.22-.28.28-.32-.21-.44-.31-.13-.12-.6.02-.66-.13-.07-.18.5-.42.88-.53z'/%3E%3C/svg%3E");
   background-size: 100%;
   background-repeat: no-repeat;
}
.share-icon:after{
   content:'';
   width: 1rem;
   height: 1rem;
   margin-left: 0.3rem;
   display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E %3Cpath d='M.75 0c-.41 0-.75.34-.75.75v5.5c0 .41.34.75.75.75h4.5c.41 0 .75-.34.75-.75v-1.25h-1v1h-4v-5h2v-1h-2.25zm5.25 0v1c-2.05 0-3.7 1.54-3.94 3.53.21-.88.99-1.53 1.94-1.53h2v1l2-2-2-2z' /%3E %3C/svg%3E");
   background-size: 100%;
   background-repeat: no-repeat;
}
.copy-icon:after{
   content:'';
   width: 1rem;
   height: 1rem;
   margin-left: 0.3rem;
   display: inline-block;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M 4 2 C 2.895 2 2 2.895 2 4 L 2 18 L 4 18 L 4 4 L 18 4 L 18 2 L 4 2 z M 8 6 C 6.895 6 6 6.895 6 8 L 6 20 C 6 21.105 6.895 22 8 22 L 20 22 C 21.105 22 22 21.105 22 20 L 22 8 C 22 6.895 21.105 6 20 6 L 8 6 z M 8 8 L 20 8 L 20 20 L 8 20 L 8 8 z'%3E%3C/path%3E%3C/svg%3E");
   background-size: 100%;
   background-repeat: no-repeat;
}

/* custom css for website*/
/* overwrite all.css */
#doc, #doc4, #doc2, #doc5, #doc6{
    margin: 1em auto 2em auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px #9db1ca;
    -moz-box-shadow: 0 0 6px #555;
    box-shadow: 0 0 6px #555;
    overflow: hidden;
    background: #fff;
    padding: 2rem;
    max-width: 1200px;
    width: 100%;
}

.term {
    background: #444;
    display: block;
    color: #eee;
    padding: .8em 1em;
    -webkit-box-shadow: 0 0 10px #aaa;
}

#preamble, .donate-coord{
    border: 1px solid #ccc;
    padding: 1em 1em 0 1em;
    background: #eee;
    color: #555;
    border-radius: .5rem;
}

.caption-top {
   caption-side: top;
}