@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Francois+One&family=Lato:wght@200;400;700&display=swap');

body {
  	background: #1d1d1d;
  	color: #edeae3;
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
  }


.background-white {
    background: #ffffff;	
}

.background-newsprint {
  background: #eceae4;
  color: #1d1d1d;
  }
		  
.background-shop {
  background: #f4de87;
  color: #1d1d1d;
  }

h1 {
  font-family: 'Francois One', sans-serif;
}

h2 {
  font-family: 'Francois One', sans-serif;
	font-size: 1.7em;
}

h2.shop-header {
    font-family: 'Francois One', sans-serif;
    font-size: 1.2em;
    padding-top: 5%;
}

.text-1d1d1d {
    color:#1d1d1d
}


.social-icons {
 font-size: 2rem; 
 color: #eceae4;
 padding-right: 10%;
}

.col {
  /* border: 1px solid red;*/
  }

.my-container-width {
    max-width: 1080px;
}


.my-spacer-3 {
	padding: 3% 3% 0 3%;
}


/* for links under comic thumbnails */
.my-spacer-5 {
	padding-top: 5%;
}

.my-spacer-3c {
   padding-bottom: 3%; 
    height: 3%;
}



/* Regular links */

a:link {
  text-decoration: none !important;
  font-weight:500;
  color:#2f71bd;
}

a:visited {
  text-decoration: none !important;
  color:#2f71bd;
}

a:hover {
  text-decoration: underline !important;
  color:#2f71bd;
}

a:active {
  text-decoration: underline !important;
  color:#2f71bd;
}



/* Shop links */


a.shop-link:link {
    text-decoration: none !important;
    color:#2f71bd;
    font-size: 0.9em;
    font-weight: 400;
}

a.shop-link:visited {
    text-decoration: none !important;
    font-size: 0.9em;
    color:#2f71bd;
    font-size: 0.9em;
    font-weight: 400;
}

a.shop-link:hover {
    text-decoration: underline !important;
    color:#2f71bd;
    font-size: 0.9em;
    font-weight: 400;
}

a.shop-link:active {
    text-decoration: underline !important;
    color:#2f71bd;
    font-size: 0.9em;
    font-weight: 400;
}


/* footer */
footer{
    font-family: 'Lato', sans-serif;
}	       

footer ul li{
    padding: 3% 0;
    font-family: 'Lato', sans-serif;
}

.about span, .contact span, .language span {
    font-family: 'Francois One', sans-serif;
    font-size: 1.2em;
}
 
.about li p , .contact li a {
    text-decoration:none;
    color: #edeae3;
    font-weight: 400;
}

ul.language li {
    display:inline;
    padding: 0 2%;
}
.language li a {
    text-decoration:none;
    color: #edeae3;
    font-weight: 400;
}

.about , .contact {
    list-style: none;
}

/* 

a.language-link:link {
  text-decoration: none !important;
    font-size: 0.9em;
    color: #edeae3;
}

a.language-link:visited {
  text-decoration: none !important;
    font-size: 0.9em;
    color: #edeae3;
}

a.language-link:hover {
  text-decoration: underline !important;
    font-size: 0.9em;
    color: #edeae3;
}

a.language-link:active {
  text-decoration: underline !important;
    font-size: 0.9em;
    color: #edeae3;
}

.my-spacing-language {
    padding: 0 1%;
}
*/
/*

a.footer-link:link {
  text-decoration: none !important;
    font-size: 0.9em;
}

a.footer-link:visited {
  text-decoration: none !important;
    font-size: 0.9em;
}

a.footer-link:hover {
  text-decoration: underline !important;
    font-size: 0.9em;
}

a.footer-link:active {
  text-decoration: underline !important;
    font-size: 0.9em;
}
*/