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

/**
* Projetos Moduli
*
* @project Causar Transformadora Social
* @version 2.0 2022
* @package layout
* @author Cláudia Martin Nascimento
* @copyright 2022 Acesso para Todos
*
* @colordef #ccc; standard gray
*/ 

/*------------------------------------------------------------------

[ ÍNDICE DE CONTEÚDO ]

    PAGE STRUCTURE
    ESTILOS COMUNS 
	PAGINAÇÃO
	BARRA DE ACESSIBILIDADE 
	HEADER / BANNER
	AJUDA DE ACESSIBILIDADE
    HOME
    QUEM SOMOS
    EQUIPE
	CLIENTES
    FOTOS
    CONTATO
	FOOTER

-------------------------------------------------------------------*/

/* Fontes */

   
@font-face {
    font-family: 'Poppins Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Regular'), url('../fonts/Poppins/Poppins-Regular.ttf');
    font-display: swap;
    }
   
    @font-face {
    font-family: 'Poppins Light';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Light'), url('../fonts/Poppins/Poppins-Light.ttf');
    font-display: swap;
    }
    
    @font-face {
    font-family: 'Poppins Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Medium'), url('../fonts/Poppins/Poppins-Medium.ttf');
    font-display: swap;
    }  
    
    @font-face {
    font-family: 'Poppins Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Semibold'), url('../fonts/Poppins/Poppins-SemiBold.ttf');
    font-display: swap;
    }
    
    
    @font-face {
    font-family: 'Poppins Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Bold'), url('../fonts/Poppins/Poppins-Bold.ttf');
    font-display: swap;
    }


/**
* PAGE STRUCTURE 
*
* Estrutura principal e componentes comuns
* do website tais como Navbar, Header
*
* @section structure
*/

.mostrar-normal { display: inline-block;}
.mostrar-contraste { display: none;}
.no-overflow-x { overflow-x: hidden;}

/**
* HEADER
*
* @section	structure
* @subsection   header
*/

.logo { width: 180px; height: auto; }
.bannerinterno {padding-top: 40px; padding-bottom: 20px;}

#menumain {font-family: 'Poppins Semibold'; font-size: 1.1rem;}
#menumain .navbar-nav a {padding: 8px 0.75rem; color: #FFFFFF; position: relative; display: inline-block;}
#menumain .navbar-nav a:hover, #menumain .navbar-nav a:focus {padding: 8px 0.75rem; color:#cccccc; text-decoration: none;}

 #menumain .navbar-collapse ul.css-underline-01 li a.nav-link:before {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 0;
    height: 3px;
    background: transparent;
    content: '';
    opacity: 0;
    -ms-transition: opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

#menumain .navbar-collapse ul.css-underline-01 li:hover a.nav-link:before {
	opacity: 1;
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	bottom: 0px;
	background: #f39325;
    background-image: linear-gradient(to right, #f39325, #e94e1b);
    width: 100%; 
    left: 0; 
}

#menumain .navbar-collapse {flex-grow: 0;}

#menumain .dropdown-menu {background-color: #f8f8f8; padding: 4px; border-radius: 3;}
#menumain .dropdown-item {font-weight: 600;}
#menumain .dropdown-menu a {border-radius: 0; background-color: transparent; color:#632E91; padding: 10px 1rem; border-bottom: 1px solid #e2e2e2;}
#menumain .dropdown-menu a:hover, #menumain .dropdown-menu a:focus {border-radius: 0; background-color: #88579B; color: #FFFFFF; padding: 10px 1rem; border-bottom: 1px solid #e2e2e2;}

#menumain ul.dropdown-menu > li:last-child a {border-bottom: 1px solid transparent;}

@media only screen and (max-width: 768px) { 
#menumain .dropdown-menu {
    background-color: #eeeeee;
    border: 0;
    text-align: center;
}}

#menumain a.idioma {background-color: #632E91; color:#FFFFFF; width: 36px; height: 36px; border-radius: 50%; font-weight: 600; line-height: 40px; text-decoration: none;}
#menumain a.idioma:hover, #menumain a.idioma:focus {background-color:#005DA8; }

#menumain .btn-menu-mobile {
    text-align: center;
    padding: 15px;
    background-color: #1a1a1a;
    color: #FFFFFF;
    width: 100%;
    border-radius: 0;
}

#menumain .navbar-light .navbar-toggler {color: #ffffff; }

/**
* HEADER
*
* @section	structure
* @subsection   menu página única
* obs.: Não usar com menu dropdown
*/

#menumain ul.css-underline-02 a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: #f39325;
    background-image: linear-gradient(to right, #f39325, #e94e1b);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
#menumain ul.css-underline-02 a:hover:after { 
    width: 100%; 
    left: 0; 
  }

/**
* ESTILOS COMUNS
* Elementos padrão
* do website tais como fonte, p, links
*
* @section structure
*/

body { font-family: 'Poppins Regular'; color:#cccccc; background-color: #000000; font-size: 16px; line-height: 1.8rem; letter-spacing: 0.03em;}

h1, h2, h3, h4, h5, h6 {font-family: 'Poppins Bold';}
h2 {font-size: 3.6em;}
h4, h5, h6 {font-weight: 600;}

a { color: #f39325; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; text-decoration: underline;}
a:hover, a:focus {color: #f39325; text-decoration: none;}

a.branco { color: #FFF; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; }
a.branco:hover, a.branco:focus {color: #ffd900; text-decoration: underline;}

.cardborder {border: 1px solid #dee2e6;}
.bg-default {background-color: #333333;}

a.btn-outline-color {border-radius: 45em; border: 1px solid #00BAD7; padding: 4px 18px 8px 18px; background-color: transparent; color: #0068B6; text-decoration: none; font-size: 0.95em; font-weight: 700;}
a.btn-outline-color:hover, a.btn-outline-color:focus { border: 1px solid #0068B6; background-color: #0068B6; color: #FFFFFF;}

button.btn-primary {
    color: #fff;
    background-color: #2F68B3;
    border-radius: 24px;
    padding: 10px 20px;
    font-size: 1.2em;
    font-weight: 600;
}

button.btn-primary:hover, button.btn-primary:focus {
    color: #fff;
    background-color: #000;; 
    border-radius: 24px;
}


/**
* @section breadcrumb
*/

#breadcrumb a {padding: 2px 6px; border-radius: 2px; font-size: 0.9rem; border: 2px solid transparent; color: #ffffff; }
#breadcrumb a:hover, #breadcrumb a:focus {padding: 2px 6px; text-decoration: none; color: #f39325; background-color: transparent; border-radius: 2px; border: 2px solid #f39325;}
#breadcrumb > li.breadcrumb-item:last-child::after {display: none;}

.breadcrumb-item.active {
  color: #f39325;
}

/**
* ESTILOS COMUNS
* Elementos padrão
* do website tais como fonte, p, links
*
* @section Tamanho de Headers

h2 {font-size: }
h3 {font-size: }
h4 {font-size: }
h5 {font-size:}
h6 {font-size:}

*/

#downloads h3 {font-size: 2em;}

hr.full {width: 100%; height: 3px; opacity: 1; margin: 0;}
hr.short {width: 80px; height: 3px; opacity: 1; margin: 0;}
hr.pontilhado {
    opacity: 1;
    padding: 5px 0;
    background-image: -webkit-linear-gradient(left, #e94e1b 2px, rgba(255, 255, 255, 0) 0%);
    background-image: -o-linear-gradient(left, #e94e1b 2px, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to right, #e94e1b 2px, rgba(255, 255, 255, 0) 0%);
    background-position: 0 bottom;
    -webkit-background-size: 6px 1.6px;
    background-size: 6px 1.6px;
    background-repeat: repeat-x;
    padding-left: 0;
    background-color: transparent;
}

/**
* ESTILOS COMUNS
*
* @subsection Cores
*/

.bg-branco {background-color: #FFFFFF;}
.bg-cinza {background-color: #f8f8f8;}
.bg-cinza-claro {background-color: #F9F9F9;}
.bg-cinza-escuro {background-color: #1a1a1a;}
.bg-amarelo-claro {background-color: #F7F3F0;}
.bg-lilas-escuro {background-color: #4C2560;}
.bg-laranja-claro {background-color: #EDE0DB;}
.bg-preto {background-color: #000000; }

.degradee-moduli {background-image: linear-gradient(to right, #1E3571, #5438CA);}
.degradee {background-image: linear-gradient(to right, #f39325, #e94e1b);}
.degradee2 {background-image: linear-gradient(to right, #4C2560, #C276B2); }
.d-amarelo {background-image: linear-gradient(to bottom right, #FFD564, #FFC9AD); }
.borda-degradee { height: 20px; width: 100%; background-image: linear-gradient(to right, #7D3178, #FAC597, #EA70AB );}
.borda-degradee2 { background-image: linear-gradient(to right, #7D3178, #FAC597, #EA70AB );}
.borda-degradee3 { background-image: linear-gradient(to right, #963BFA, #963BFA, #3294DC, #00B2D3 );}

.azul {color: #0062AB;}
.azul-claro {color: #68B8D4;}
.branco {color:#FFFFFF;}
.cinza-claro {color: #f8f8f8;}
.lilas {color:#5b307f;}
.lilas-escuro {color: #4C2560;}
.amarelo {color: #FFCE41;}
.laranja {color: #f39325;}
.preto {color: #000000;}
.verde-agua {color:#4DFFC7;}

.destaque-lilas {font-size: 1.2em; font-weight: 600; color:#5438CA;}


/**
* BARRA DE ACESSIBILIDADE
* Atalhos de teclado, contraste e link acessibilidade
*
* @section barra acessibilidade
*/


#acessibilidade { min-height: 36px; background-color: #24282c; color: #cccccc; font-size:0.9rem; line-height: 1.2rem;}

#acessibilidade a {text-decoration: none; padding: 4px 10px; color: #fff; border-radius: 4px; } 
#acessibilidade a:hover, #acessibilidade a:focus {background-color: #fff; color: #333333;}

.quadro-acessibilidade {background-color: #fff; border-radius: 6px; box-shadow: rgba(0, 0, 0, .560784) 0 7px 20px -12px, rgba(0, 0, 0, .117647) 0 4px 25px 0, rgba(0, 0, 0, .2) 0 8px 10px -5px; padding: 20px; color: #333; font-size: 0.95rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    transform: scale(1, 0);
    z-index: 2;
    position: absolute;
 /*   right: 10px; */
    top: 38px;
    max-width: 320px;
}

.quadro-acessibilidade.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1); 
}

#acessibilidade ul { padding-inline-start: 0px; }

@media only screen and (max-width: 576px) { .quadro-acessibilidade {max-width:90%; margin-left:5%; margin-right: 5%; text-align: center;} }

#acessibilidade .quadro-acessibilidade a {text-decoration: none; padding: 8px; color: #333; background-color:#EFEFEF; line-height: 1.8rem; border: 0; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; } 
#acessibilidade .quadro-acessibilidade a:hover, #acessibilidade .quadro-acessibilidade a:focus {text-decoration: none; line-height: 1.8rem; padding: 8px; background-color: #333; color: #fff; border: 0; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; } 

#acessibilidade a.link-acessibilidade {background-color:#EFEFEF; display: block; padding: 5px 0;}
#acessibilidade a.link-acessibilidade:hover, #acessibilidade a.link-acessibilidade:focus {background-color:#333333; display: block; padding: 5px 0;}

#acessibilidade .btn-light:hover, #acessibilidade .btn-light:focus {background-color:#333333; color: #fff;}

#acessibilidade .quadro-acessibilidade a.contraste-normal:hover, #acessibilidade .quadro-acessibilidade a.contraste-normal:focus, #acessibilidade .quadro-acessibilidade a.alto-contraste:hover, #acessibilidade .quadro-acessibilidade a.alto-contraste:focus {opacity: 0.7;}

#acessibilidade .quadro-acessibilidade a.contraste-normal {width:40px; height:40px; border: 2px solid #333; border-radius: 50%;}
#acessibilidade .quadro-acessibilidade a.alto-contraste { width:40px; height:40px; border: 2px solid #333; border-radius: 50%;}

button.btn-acessibilidade { background-color: transparent; text-decoration: none; border: 1px solid #fff; color:#fff; font-weight: 600; border-radius: 4px; }
button.btn-acessibilidade:hover, button.btn-acessibilidade:focus { background-color: #ffffff; text-decoration: none; border: 1px solid #fff; color:#333333; font-weight: 600; border-radius: 4px;}


#atalhosteclado .list-group-item, #ta .list-group-item {
  color: #ffffff;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5); }

#ta h4 {font-weight: 500;}


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

/**
* BARRA DE ACESSIBILIDADE
* Customizável
*
*/

/* Botões de Contraste */

#acessibilidade .quadro-acessibilidade a.contraste-normal { background-color:#632287;}
#acessibilidade .quadro-acessibilidade a.alto-contraste { background-color:#270F38; }



/**
* CLIENTES / PARCEIROS / APOIO / PATROCINIO
* logomarcas
*
* @section clientes
*/

#clientes img {width: 70%; margin-left: auto; margin-right: auto;}
#clientes img.escala-cinza {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);}

#clientes a:hover img.escala-cinza, #clientes a:focus img.escala-cinza {
    -webkit-filter: none;
    filter: none;
    transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s;} 

/**
* CLIENTES / PARCEIROS / APOIO / PATROCINIO
* Customizável
*/
#clientes .card {text-align: center; background-color: transparent;}
#clientes a.cardborder:hover, #clientes a.cardborder:focus {border: 1px solid #000000 !important;}

/* Opção largura menor:  @media only screen and (min-width: 1024px) { #clientes .row {max-width: 80%; margin: auto;} } */


/**
* GALERIA DE VÍDEOS
* Índice de vídeos
*
* @section g-videos
*/

#g-videos .foco-video {border-radius:6px; border: 6px solid transparent;}
#g-videos .foco-video:hover, #g-videos .foco-video:focus {border-radius:6px; border: 6px solid #f8f8f8; outline: none;}

#g-videos h2 {font-size: 2.5em; font-family: 'Poppins SemiBold';}
#g-videos h3, #g-videos h4, #banner-estatico h4 {font-size: 1.2em; font-family: 'Poppins Regular';}

#g-videos .link-video {position: relative;}
#g-videos a {color: #FFFFFF; text-decoration: none; background-color: transparent; }
#g-videos a > .link-video {border: 3px solid transparent; padding:8px; border-radius:12px; }

#g-videos a:hover > .link-video, #g-videos a:focus > .link-video { text-decoration: none; background-color: #000000; border-radius:12px; -webkit-transition: all .3s ease 0s; border: 3px solid #f39325;}

#g-videos a.laranja { color: #f39325; padding:4px 8px; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; }
#g-videos a.laranja:hover, #g-videos a.laranja:focus {color: #000000; padding:4px 8px; background-color: #f39325; text-decoration: underline;}

#g-videos img.setavideo {position: absolute; top:7%; left:7%; z-index: 40;}
#g-videos .fa-play-circle {position: absolute; z-index: 5; top: 30%; left: 43%; }
@media only screen and (max-width: 360px) { #g-videos .fa-play-circle {position: absolute; z-index: 5; top: 25%; left: 36%; }}

#g-videos .far {color: #ffffff; font-size: 4.5rem;  -webkit-transform: scale(.85) translate3d(0,0,0);
    -ms-transform: scale(.85) translate3d(0,0,0);
    transform: scale(.85) translate3d(0,0,0);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    -webkit-backface-visibility: hidden;}

#g-videos a:hover .far, #g-videos a:focus .far {color: #ffffff;  -webkit-transform: scale(1.0) translate3d(0,0,0);
        -ms-transform: scale(1.0) translate3d(0,0,0);
        transform: scale(1.0) translate3d(0,0,0);
        -webkit-transition: -webkit-transform .25s ease-in-out;
        transition: transform .25s ease-in-out;
        -webkit-backface-visibility: hidden;}

 #g-videos .modal-dialog, #banner-estatico .modal-dialog { max-width: 960px; border-radius:12px;}
 #g-videos .modal-content, #banner-estatico .modal-content  {border-radius:12px; border:3px solid #f39325;}
 #g-videos .modal-header, #banner-estatico .modal-header {border-bottom: 0;}
 #g-videos .modal-body, #banner-estatico .modal-body {padding: 0; border: 0; border-radius:12px;}
 #g-videos .modal-footer, #banner-estatico .modal-footer { border-top:0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding: 0.25rem 0rem 0.45rem 0.25rem; background-color: transparent; }
 
 #g-videos .btn-light:hover, #g-videos .btn-light:focus, #banner-estatico .btn-light:hover, #banner-estatico .btn-light:focus {background-color: #f39325; color:#333333; }

 #g-videos .accordion-button:not(.collapsed), #banner-estatico .accordion-button:not(.collapsed) {
    color: #f39325;
    background-color: #1a1a1a;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
    border-bottom: 3px solid #f39325;
    border-radius:0;
}
#g-videos .accordion-item:last-of-type .accordion-collapsem, #banner-estatico .accordion-item:last-of-type .accordion-collapse  {border-radius:0;}
#g-videos .accordion-body, #g-videos .accordion-button, #banner-estatico .accordion-body, #banner-estatico .accordion-button {background-color: #1a1a1a; border-radius:0;}
   

#g-videos .accordion-button:not(.collapsed)::after, #banner-estatico .accordion-button:not(.collapsed)::after {
    background-image: url('../img/seta-accordion.svg');
    transform: rotate(-180deg);
}

#g-videos .accordion-button::after, #banner-estatico .accordion-button::after {background-image: url('../img/seta-accordion.svg');}

 /**
   #g-videos .modal-dialog { max-width: 980px; border-radius:12px; padding: 12px; background-image: linear-gradient(to right, #4D1F62, #C777B6);}
   #g-videos .modal-content  {border-radius: 0; border: 0; background-color: transparent;}
   #g-videos .modal-header {border-bottom: 0;}
   #g-videos .modal-body {padding: 0; border: 0; background-color: #FFFFFF;}
   #g-videos .modal-footer { border-top:0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding: 0.25rem 0rem 0.45rem 0.25rem; background-color: transparent; }
   #g-videos .resumo { background-color: #EEE1DC; padding: 20px; border-radius:12px; }
   #g-videos .transcricao-video {border: 5px solid transparent;}
   #g-videos .accordion-button h4 {font-size: 1.1rem; font-weight: 600; color:#83307B;}
   #g-videos .accordion-button:focus, #g-videos .accordion-button:hover {background-color: #F9EBF1; color:#83307B; }
   #g-videos .accordion-button:focus {box-shadow: inset 0 -1px 0 rgb(131 48 123 / 13%);}
   #g-videos .accordion-button:not(.collapsed) {background-color: #F9EBF1;  color:#83307B; }
   #g-videos .btn-light:hover, #g-videos .btn-light:focus {background-color: #333333;  color:#F9EBF1; }

*/


/**
* PLAYER DE AUDIO
*
* @section Player de Audio
*/

.paudio { padding: 8px 8px 6px 8px; background-color: rgba(0, 0, 0, .9); color: #ffffff; border-radius: 16px; display: inline-block; margin: auto; max-width: 320px;}

.paudio .form-control-file, .form-control-range { display: inline;  max-width: 32%; }

.paudio .form-control-range {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;  
    background: #d3d3d3;
    outline: none;
    opacity: 0.8;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }

  /* Mouse-over effects */
  .paudio .form-control-range:hover { opacity: 1; /* Fully shown on mouse-over */ }
    
  .paudio .form-control-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    border: 2px solid #000000;
    background: #AF75AF;
    cursor: pointer;
  }
  
  .paudio .form-control-range::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid #000000;
    background: #AF75AF;
    cursor: pointer;
  }

.audio-time {font-size: 0.75em;}

@media only screen and (max-width: 320px) {
    .paudio { padding: 6px 2px 4px 2px; max-width: 300px;}
    .paudio .form-control-range::-webkit-slider-thumb, .paudio .form-control-range::-moz-range-thumb { width: 20px;  height: 20px; }
    .paudio .form-control-file, .form-control-range {
        display: inline;
        max-width: 29%;
    }
    .audio-time {font-size: 0.7em;}
    .paudio .fa, .paudio .fas {font-size: 12px}
}

.paudio button {background-color: transparent; border: 2px solid transparent; color: #ffffff; padding: 4px 8px 3px 8px; border-radius: 10px;}
.paudio button:hover, #agenda .paudio button:focus {background-color: #000000; border: 2px solid #AF75AF; color: #ffffff; padding: 4px 8px 3px 8px; border-radius: 10px;}

/**
* CONTATO
*
* @section contato
*/

#contato h4 {font-size: 1.2em; font-weight: 600;}
#contato .fa-whatsapp, #contato .fa-phone-volume, #contato .fa-mobile-alt {font-weight: 600; font-size: 24px;}
#contato .fab, #contato .fas {
    color: #f39325;
    display: block;
    background: -webkit-linear-gradient(#9c47fc, #3294DC, #00B2D3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  #contato #Contactform .fas.fa-asterisk
  {
    font-size: 12px;
    color: #333333;
    display: inline-block;
    background: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #333333;
  }

/**
* CONTATO
*
* @section contato
*/
#newsletter .btn-info {background-color: #4DFFC7; color: #000000;  border-radius: 24px; padding: 10px 20px; font-size: 1.2em; font-weight: 600;}
#newsletter .btn-info:hover, #newsletter .btn-info:focus {background-color: #000000; color: #4DFFC7;}

/**
* FOOTER
*
* @section rodapé
*/

#voltartop a.btn-outline-footer { border-radius: 45em; border: 2px solid #f39325; padding: 3px 16px 6px 16px;; background-color: transparent; color: #f39325; text-decoration: none; font-size: 0.95em; font-weight: 600;}
#voltartop a.btn-outline-footer:hover, footer a.btn-outline-footer:focus { border: 2px solid #f39325; background-color: #f39325; color: #000000;}
#voltartop .fa, #voltartop .fas {font-size: 1.2em; }

footer {color:#cccccc;}

#rodape h3 {font-family: 'Poppins Medium';
  font-size: 1.1em; margin-bottom: 0.1em;}

footer .fab, footer .fas {
    color: #f39325;
    display: inline-block;
  }

footer .linktree {max-width: 25px; height: auto; margin:auto; align-self:center;}

  footer a {
    color:#cccccc;  
    font-size: 0.9em;
    padding: 1px 4px;
  }

  footer a:hover, footer a:focus {
    color:#000000;  
    background-color: #cccccc;
  }

footer .fab.fa-whatsapp, footer .fas.fa-at {
    font-size: 2.5em;
    margin-right: 3px;
    vertical-align: top;
  }

footer .fab {
    font-size: 1.3em;
    padding: 2px 4px;
  }

footer .redes-sociais a {    
  color: #f39325;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 50em;
  padding: 8px 8px 2px 8px;
}

footer .redes-sociais a.facebook-link {    
  color: #f39325;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 50em;
  padding: 5px 8px 3px 8px;
}

footer .redes-sociais a.youtube-link {    
  color: #f39325;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 50em;
  padding: 8px 6px 4px 6px;
}

footer .redes-sociais a.linktree-link {    
  color: #f39325;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 50em;
  padding: 5px 7px 5px 7px;
}


footer .redes-sociais a:hover, footer .redes-sociais a:focus {
  border: 2px solid #f39325;
  background-color: transparent;
}

.footer02 {font-size: 0.85em;}

footer a.link-apt { border-radius: 45em; border: 1px solid transparent; padding: 1px 8px 2px 8px; background-color: transparent; color: #cccccc; text-decoration: none;}
footer a.link-apt:hover, footer a.link-apt:focus { background-color: transparent; color:#f39325; border: 1px solid #f39325; }

footer .universal-access {width: 25px; height: auto;}

.selomaya {max-width: 180px;}