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

body {
    background: url("imagens/site/old-paper.jpg") center center;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    color: #443c2b;
    padding:0;
    font-size: 1.5em;
}
.clear { clear: both; }
a,a:visited{
    text-decoration:none;
    color:inherit;
}
.container_total{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin:10px;
}
.gr_topo{
    grid-column-start: 1;
    grid-column-end: 7;
    border-radius:7px;
}
.gr_noticias{
    grid-column-start: 1;
    grid-column-end: 4;
    border-radius:7px;
    grid-row-start: 2;
    grid-row-end: 4;
    padding:10px;
}
.gr_livros{
    grid-column-start: 4;
    grid-column-end: 7;
    border-radius:7px;
}
.gr_leitores{
    grid-column-start: 1;
    grid-column-end: 3;
}
.gr_fan{
    grid-column-start: 3;
    grid-column-end: 5;
}
.gr_socialm{
    grid-column-start: 5;
    grid-column-end: 7;
}
.container_livros{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 5px;
    margin:5px;
}






.bd_form{
    font-size:18px;
    color: #454545;;
}

.fd_transp{
  background-color: rgba(255, 255, 255, 0.5);
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 7px -1px, rgba(0, 0, 0, 0.25) -3px 0px 7px -1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 7px -1px, rgba(0, 0, 0, 0.25) -3px 0px 7px -1px;
  box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 7px -1px, rgba(0, 0, 0, 0.25) -3px 0px 7px -1px;    
}


*::-webkit-scrollbar-track
{
	border-radius: 10px;
}

*::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background: #994D00;
	width:30px;
}


    /* GALERIA */
        #gallery{
      -webkit-column-count:3;
      -moz-column-count:3;
      column-count:3;
      
      -webkit-column-gap:5px;
      -moz-column-gap:5px;
      column-gap:5px;
    }
    @media (max-width:1200px){
      #gallery{
      -webkit-column-count:3;
      -moz-column-count:3;
      column-count:3;
        
      -webkit-column-gap:20px;
      -moz-column-gap:20px;
      column-gap:20px;
    }
    }
    @media (max-width:800px){
      #gallery{
      -webkit-column-count:2;
      -moz-column-count:2;
      column-count:2;
        
      -webkit-column-gap:20px;
      -moz-column-gap:20px;
      column-gap:20px;
    }
    }
    @media (max-width:600px){
      #gallery{
      -webkit-column-count:1;
      -moz-column-count:1;
      column-count:1;
    }  
    }
    #gallery img,#gallery video {
      width:100%;
      height:auto;
      margin: 4% auto;
      box-shadow:-3px 5px 15px #000;
      cursor: pointer;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
    }
    .modal-img,.model-vid{
      width:100%;
      height:auto;
    }
    .modal-body{
      padding:0px;
    }    




.t_centro{
    text-align:center;
}
.clear {
    clear: both;
}
.fe{
    float:left;
}
.fd{
    float:right;
}
.titulo{
    font-family: 'Croissant One', cursive;
    padding:5px;
    font-size:25px;
}
.titulo::before{
    content:  '❰❰❰❰︎ ';
}
.titulo::after{
    content:  ' ❱❱❱❱︎ ';
}
.titulo_p{
    font-family: 'Croissant One', cursive;
    font-size:30px;
}


/* MENU */

#container {
	margin: 0 auto;
}

nav {
	margin: 0 auto;
}

nav ul {
	padding: 0;
  margin: 0;
	list-style: none;
	position: relative;
	}
	
nav ul li {
	display:inline-block;
	}

nav a {
	display:block;
	padding:0;	
	font-size:20px;
	line-height: 40px;
	text-decoration:none;
    padding-left:5px;
    padding-right:5px;
    color:#000;
}

nav a:hover { 
	text-decoration:none;
}

/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute; 
	top: 40px; /* the height of the main nav */
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:350px;
	padding-left:10px;
	float:none;
	display:list-item;
	position: relative;
	text-align:left;
    background-color: rgba(255, 255, 255, 0.8);
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 7px -1px, rgba(0, 0, 0, 0.25) -3px 0px 7px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 7px -1px, rgba(0, 0, 0, 0.25) -3px 0px 7px -1px;
    box-shadow: rgba(0, 0, 0, 0.25) 3px 0px 7px -1px, rgba(0, 0, 0, 0.25) -3px 0px 7px -1px;
}

/* Second, Third and more Tiers	*/
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:170px;
}

	
/* Change this in order to change the Dropdown symbol */
li > a:after { content:  ' ⇟ '; }
li > a:only-child:after { content: ''; }
li > a:before { content:  ' ⚔️︎ '; }