/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 2, 2020, 1:28:21 PM
    Author     : ayltondovelo
*/
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');
*{
    font-family: 'Maven Pro', sans-serif;
}

#form-post textArea{
    width: 100%;
    border: 0px;
    resize: none;
}

.admin-nav{
    width: 220px;
    min-height: 100vh;
    overflow: hidden;
    background-color: #343a40;
    transition: 0.3s all ease-in-out;
    
}
.admin-link{
  background-color: #343a40;  
}
.admin-link:hover, .nav-active{
    background-color: #212529;
    text-decoration: none;
}
.animate{
    width: 0;
    transition: 0.3s all ease-in-out;
}
.text-yellow{
    color: orange;
}

.wrapper{
   width: 90px;
   height: 90px;
   border-radius: 8px;
   border: 2px dashed red;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   position: relative;
   cursor: pointer;
   float: left;
   margin-right: 8px;
   margin-bottom: 10px;
}

.wrapper .image{
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper .activ{
    border: none;
}

.wrapper .activ:hover #cancel-btn{
    display: block;
}

.wrapper #cancel-btn:hover{
    color: red;
}

.wrapper .image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    
}

.wrapper .icon{
    font-size: 30pt;
    
}

.wrapper #cancel-btn{
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 13pt;
    cursor: pointer;
    display: none;
    
}
.textare {
    resize: none;
}