@charset "UTF-8";
/*
Theme Name: Carla Floccari
Theme URI: https://www.carlafloccari.com
Author: Léo NIVET
Author URI: https://www.leonivet.com
Description: Thème Carla Floccari.
Requires at least: WordPress 6.0
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

:root {
  --font-family-1:'Roboto', sans-serif;
  --font-size-1:14px;
  --font-size-2:16px;

  --width-1:700px;
  --width-2:500px;

  --color-gray: #ababab;
}
  

*, *:before, *:after {
  box-sizing: border-box;
}

.visually-hidden{
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

html{
  
}

body {
  font-family: var(--font-family-1);
  font-size: var(--font-size-1);
}

@media only screen and (min-width: 1400px) {
  
}

@media only screen and (min-width: 1200px) {
  
}

@media only screen and (min-width: 1400px) {

}

h1{
  font-size: var(--font-size-1);
  font-weight: normal;
  margin:0;
}

h2{
  font-size: var(--font-size-2);
  font-weight: normal;
}

time{
  color:var(--color-gray)
}


img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

video {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

a, a:hover, a:focus{
  color: inherit;
}

/****************************************************
 * MAIN
 ****************************************************/

main{
  max-width: var(--width-1);
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
  margin-bottom:15vh;
}

.publication{
  max-width: var(--width-2);
}

.publication:not(:first-child){
  margin-top: 100px;
}

.publication__title, .publication__title > p, .publication__subtitle, .publication__subtitle > p{
  margin: 0;
  font-size: var(--font-size-1);
  font-weight: normal;
}

.publication__title, .publication__title > p{
  font-size: var(--font-size-2);
}

.publication__subtitle, .publication__subtitle > p{
  
}

.publication__content{
  margin-top: 30px;
  line-height:  1.5;
}

/****************************************************
 * SELECTION
 ****************************************************/

::selection {
  background-color: red;
  color: white;
}

/****************************************************
 * SCROLLBAR
 ****************************************************/

 /* modifier l'aspect de la scrollbar */  

*, ::-webkit-scrollbar {
  scrollbar-color:magenta red;
  scrollbar-width:auto;
}