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

/**
* Projetos Moduli
*
* @project Componente Equipe
* @version 1.0 2021
* @package layout
* @author Cláudia Martin Nascimento
* @copyright 2021 Acesso para Todos
*
* @colordef #555; standard gray
*/ 

/**
* EQUIPE
* Membros ou funcionários da empresa / palestrantes / Diretoria / Equipe Técnica
*
* @section equipe
*/

#equipe img {border-radius: 45em;}
#equipe .card-title {font-size: 1.3em; line-height: 1.3em; font-weight: 700;}

#equipe a {  
    color: #FFFFFF;
    padding: 2px 12px; background-color: transparent; text-decoration: none; box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone; 
    border-radius: 3px;
    border: 2px solid transparent;
    display: inline-block;
   }

#equipe .card-title { margin-bottom: .3rem; }
#equipe .card {background-color: transparent;}

/**
* @section equipe
* @subsection ModalEquipe
*/

#equipe .modal-content img {border-radius: 0;}
#equipe .modal-content .modal-header {border-bottom: 0;}
#equipe .modal-content {border-radius: 0; border: 2px solid #f39325;}
#equipe .modal-content .modal-body {padding: 0; border: 16px solid #000000; background-color: #000000;}
#equipe .modal-content .modal-footer {border-top:0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding: 0 0.25rem 0.45rem 0.25rem; background-color: #000000;}


@media (min-width: 576px) { #equipe .modal-dialog { max-width: 980px;} }

#equipe .modal-content .redes-sociais .fab {font-size: 1.2em; height: auto; display: inline;}
#equipe .modal-content .btn-light {border: 2px solid #222222 !important;}
#equipe .modal-content .btn-light:hover, #equipe .modal-content .btn-light:focus {background-color: #333333; color: #f8f8f8; border: 2px solid #ffffff !important;} 

/**
* EQUIPE
* Customizável
*/
#equipe .card {text-align: center;}

/* Cor de fundo, de borda e do texto do foco e mouse-over do link */
#equipe a:hover, #equipe a:focus {
  /*   background-color: #f8f8f8; */
    border: 2px solid #f39325;
    color: #f39325;
    border-radius: 3px;
    transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; } 

/* Cor do cargo na Modal */

#equipe .modal-content .cargo {color:#f39325;}

#equipe p.card-text { margin-bottom: 0.4rem; }

@media (max-width: 1024px) {
#equipe h2  {font-size: 3.2em;} }

@media (max-width: 360px) {
  #equipe h2  {font-size: 2.8em;} }