/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/



#brx-content {
    overflow: hidden;
}



/*==================================
==       EFEITO HOVER BOTÃO       ==
====================================
                \  /
                 \/               */

.botao__acao, .botao__destaque, .botao__acao:before, .botao__destaque:before, .botao__acao:after, .botao__destaque:after {
transition: all 0.15s ease !important;
}

.botao__acao, .botao__destaque {
    background-color: transparent !important;
    position: relative;
    border-radius: var(--radius-xl);
}

.botao__acao, .botao__destaque {
    z-index:1!important;
}

.botao__acao:before, .botao__destaque:before {
    content: '';
    position: absolute;
inset: 0;
    z-index: -2;
    border-radius: var(--radius-xl);
}

.botao__acao:before {
    background-color: var(--cor-acao);
}

.botao__destaque:before {
    background-color: var(--cor-destaque);
}

.botao__acao:after, .botao__destaque:after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: var(--radius-xl);
background-color: transparent;
backdrop-filter: blur(0px);
border: 0px solid #3d3d3d;
}


/*=== HOVER ===*/


.botao__acao:hover, .botao__destaque:hover {
    transform: scale(1.1);
}

.botao__acao:hover:before, .botao__destaque:hover:before {
    inset: 0.4em 1em;
}

.botao__acao:hover:after {
    background-color: #4e4e4e59;
    backdrop-filter: blur(7px);
    border: 1px solid var(--cor-acao);
}

.botao__destaque:hover:after {
    background-color: #dcdcdc61;
    backdrop-filter: blur(7px);
    border: 1px solid var(--cor-destaque);
}

/*               /\
                /  \
====================================
==       EFEITO HOVER BOTÃO       ==
==================================*/



/*==================================
==      PLUGIN ACESSIBILIDADE     ==
====================================
                \  /
                 \/               */

/*
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
    display: block;
    padding: 10px 15px;
    font-size: var(--texto-tamanho-s)!important;
    line-height: 1;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-inner {
    max-height: 70svh;
    overflow-y: scroll;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
    border-radius: var(--radius-s) 0px 0px var(--radius-l);
    overflow: hidden;
}

html body #pojo-a11y-toolbar {
    font-size: var(--texto-tamanho-xs) !important;
}
*/

/*               /\
                /  \
====================================
==      PLUGIN ACESSIBILIDADE     ==
==================================*/



/*==================================
==      FONTE CUSTOM HEADERS      ==
====================================
                \  /
                 \/               */

@font-face {
    font-family: 'Maven Pro';
    src: url('https://agencia221b.com.br/wp-content/uploads/2024/06/MavenPro-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maven Pro';
    src: url('https://agencia221b.com.br/wp-content/uploads/2024/06/MavenPro-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sora';
    src: url('https://agencia221b.com.br/wp-content/uploads/2024/06/Sora-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*               /\
                /  \
====================================
==      FONTE CUSTOM HEADERS      ==
==================================*/



/*==================================
==             COLUNAS            ==
====================================
                \  /
                 \/               */

.colunas-responsivas-50 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(5rem, 1fr));
}

.colunas-responsivas-100 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(10rem, 1fr));
}

.colunas-responsivas-200 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(20rem, 1fr));
}

.colunas-responsivas-300 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(30rem, 1fr));
}

.colunas-responsivas-400 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(40rem, 1fr));
}

.colunas-responsivas-550 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(55rem, 1fr));
}

.colunas-fixas-2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.colunas-fixas-3 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}

.colunas-fixas-4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.colunas-fixas-5 {
    display: grid;
    grid-template-columns: repeat(5,1fr);
}

.colunas-fixas-6 {
    display: grid;
    grid-template-columns: repeat(6,1fr);
}

.colunas-fixas-7 {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}

.colunas-fixas-8 {
    display: grid;
    grid-template-columns: repeat(8,1fr);
}

/*               /\
                /  \
====================================
==             COLUNAS            ==
==================================*/



/*==================================
==          NEOMORPHISMO          ==
====================================
                \  /
                 \/               */

.neomorfismo {
    box-shadow: 5px 5px 7px var(--sombra-preta),-5px -5px 7px var(--sombra-branca),inset -5px -5px 6px var(--sombra-preta),inset 5px 5px 7px var(--sombra-branca);
}

/*               /\
                /  \
====================================
==          NEOMORPHISMO          ==
==================================*/



/*==================================
==       MATRIZ BREAKPOINTS       ==
====================================
                \  /
                 \/               */

/* Desktop G */
@media (min-width:1921px) {

}

/* Note G e Desktop P */
@media (min-width: 1367px) and (max-width:1920px) {

}

/* Notebook P */
@media (min-width: 821px) and (max-width:1366px) {

}

/* Tablet */
@media (min-width: 481px) and (max-width:820px) {

}

/* Celular */
@media (max-width:480px) {

}

/*               /\
                /  \
====================================
==       MATRIZ BREAKPOINTS       ==
==================================*/



/*==================================
==             TEXTO              ==
====================================
                \  /
                 \/               */

/* Seleção de texto */
::selection {
  background: var(--cor-acao);
  color: white!important;
}

/* Palavra 'viúva' nos parágrafos */
p {
	text-wrap:pretty;
}

/*               /\
                /  \
====================================
==             TEXTO              ==
==================================*/



/*==================================
==         COOKIE NOTICE          ==
====================================
                \  /
                 \/               */

#branda-cookie-notice {
	box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2)!important;
	margin: 0px 2.5% 0px 2.2%!important;
	min-width: 95% !important;
	border-radius: 14px!important;
	background-color: #000000b5 !important;
	backdrop-filter: blur(12px)!important;
	color: #fff!important;
	text-align: left!important;
	z-index: 777777;
	bottom:20px!important;
}

#branda-cookie-notice .cookie-notice-container {
	max-width: 96%!important;
	padding: 20px 10px!important;
}

@media (max-width:767px) {
	#branda-cookie-notice .cookie-notice-container .branda-cn-container {
	flex-wrap:wrap!important;
		padding: 10px 7px!important
}
}

#branda-cookie-notice a, #branda-cookie-notice a:link {
  color: #96e6ff!important;
}

#branda-cookie-notice .button.ub-cn-set-cookie {
  color: white !important;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/*               /\
                /  \
====================================
==         COOKIE NOTICE          ==
==================================*/



/*==================================
==           SCROLLBAR            ==
====================================
                \  /
                 \/               */

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #717171 #262626;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 9px;
}

*::-webkit-scrollbar-track {
	background: #262626;
	border-radius: 50px!important;
	margin:10px 0px!important;
  }

*::-webkit-scrollbar-thumb {
	background-color: #717171;
	border-radius: 50px!important;
	border: none;
  }

/*               /\
                /  \
====================================
==           SCROLLBAR            ==
==================================*/



/*==================================
==       NÃO VAZAR O SCROLL       ==
====================================
                \  /
                 \/               */

* {
  overscroll-behavior: contain;
}

/*               /\
                /  \
====================================
==       NÃO VAZAR O SCROLL       ==
==================================*/



/*==================================
==   RODAPE NO BOTTOM DA JANELA   ==
====================================
                \  /
                 \/               */

.brx-body {
	min-height: 100dvh;
}

/*               /\
                /  \
====================================
==   RODAPE NO BOTTOM DA JANELA   ==
==================================*/



/*==================================
==      VARIAVEIS EM CLASSES      ==
====================================
                \  /
                 \/               */

/*=== TEXTO ===*/
.texto-tamanho-xs {font-size:var(--texto-tamanho-xs);}
.texto-tamanho-s {font-size:var(--texto-tamanho-s);}
.texto-tamanho-m {font-size:var(--texto-tamanho-m);}
.texto-tamanho-l {font-size:var(--texto-tamanho-l);}
.texto-tamanho-xl {font-size:var(--texto-tamanho-xl);}
.texto-tamanho-2xl {font-size:var(--texto-tamanho-2xl);}
.texto-tamanho-3xl {font-size:var(--texto-tamanho-3xl);}
.texto-tamanho-4xl {font-size:var(--texto-tamanho-4xl);}

/*=== BORDER RADIUS ===*/
.radius-xs {border-radius:var(--radius-xs);overflow: hidden;}
.radius-s {border-radius:var(--radius-s);overflow: hidden;}
.radius-m {border-radius:var(--radius-m);overflow: hidden;}
.radius-l {border-radius:var(--radius-l);overflow: hidden;}
.radius-xl {border-radius:var(--radius-xl);overflow: hidden;}

/*               /\
                /  \
====================================
==      VARIAVEIS EM CLASSES      ==
==================================*/



/*==================================
==         DARK MODE ROOT         ==
====================================
                \  /
                 \/               */

/* Imagens darkmode */
html.cf-theme-light .lightmode-elemento, html.cf-theme-dark .darkmode-elemento {
	display:block!important;
}

html.cf-theme-dark .lightmode-elemento, html.cf-theme-light .darkmode-elemento {
	display:none!important;
}

/*               /\
                /  \
====================================
==         DARK MODE ROOT         ==
==================================*/