@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

:root 
{
    --color-selected:var(--green);
    --color-focus:var(--green);
}

body {background-color: var(--gray-lightest-opacity-50);padding-bottom:20px;color:#666;}
body,p {font-family: "Verdana",sans-serif;}
main {width:100%;}
#user, .logo-container {
  background: linear-gradient(90deg,var(--white),var(--white));
}

#main-content h2.headline {font-size:var(--space-lg);color:#000;}

#user a {/*font-size:var(--1-5rem);*/}

#main {background-color: var(--white);border:1px solid var(--black);border-radius:10px;}




/*a.link {color:var(--grey);text-decoration: none!important;}*/

.separator {height:2px;}
.lang-nav a {font-size:var(--1-25rem);font-family: inherit!important;}

#main-nav a {font-size:var(--1-25rem)!important;}
#main-nav {text-transform: none;}

.side-sheet .secondary-menu a {font-family:inherit;color:var(--black);}
.side-sheet-header {height:100px;}
.side-sheet li {font-family:"Verdana",sans-serif;}
.side-sheet a {text-transform:none;color:var(--black);}
.side-sheet a:hover {color:var(--green)!important;}

/*h1,h2 {font-family: "Lobster", sans-serif;font-weight: 400;font-style: normal;
color:var(--green);}*/

.logo-container, #user {border-bottom: 1px solid var(--black);}
h1,h2,h3 {color:var(--green);font-family: "Lobster", sans-serif;font-weight: 400;font-style: normal;}

h3 {font-size:2em;margin-bottom:var(--space-xl)}

.story-title {font-family: "Lobster",sans-serif;font-weight: 400;font-style: normal;color:var(--green);}
.link-title {font-family: "Verdana",sans-serif;color:var(--green);}
.card-title {font-family:"Verdana",sans-serif;}

.link, a[href^=mailto], a[href^=http]:not([href*="donibane-erne.eus"]):not([href*=localhost]) {
    /*border-bottom: 1px solid var(--red);*/
}

.link--after::after, .link--before::before, .link[href^=http]:not([href*="donibane-erne.eus"]):not([href*=localhost])::after {
    content: "→";
    font-weight: 200;
    display: inline-block;
    padding-left: 0.25em;
    color: var(--grey);
    background-color: transparent;
}


form button:hover {background-color:var(--green);}

.card {border-radius:10px;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);background-color:var(--white);}
.card.no-bg, .card.no-border {box-shadow: none;}
.card .card-title {margin-bottom:var(--space-base);}


#hamburger img {height:40px;padding-left:20px;}

.logo-mini {position:absolute;top:2px;left:75px;}
.logo-mini img {height:50px;width:auto;}


/** FORMULAIRE **/

@media screen and (min-width: 1024px) 
{
  /*#user {border-bottom:none;}*/
  .aside-2 {max-width:50%;}

}

/** FORMULAIRE **/

@media screen and (min-width: 768px) 
{
  .logo-mini {display:none;}
}