@charset "UTF-8";

/*
Theme Name: Tema Associação Bonecar 2022
Theme URI: http://www.associacaobonecar.org.br
Description: Tema desenvolvido para Associação Bonecar. Este tema não pode ser usado em outros sites sem autorização do Autor.
Author: QuartaDesign
Author URI: http://www.quartadesign.com.br/
Template: qd-base
Version: 1.1
License: © QuartaDesign. Este tema não pode ser usado em outros sites sem autorização do Autor.
*/


/*
 * Cores Principais
 *
 *
 */

:root {
  --cor-principal: #005EB8;
  --cor-secundaria: #009CDE;
  --cor-azul-claro: #009CDE;
  --cor-teal: #00A3AD;
  --cor-verde: #00AF66;
  --cor-verde-claro: #97D700;
  --cor-amarelo: #FFC72C;
  --cor-laranja: #FF8200;
  --cor-vermelho: #DA291C;
  --cor-roxo: #A51890;
}


/* Cor texto
 */
body {
	color: #666;
}

/* Cor principal
 */
a:link,
a:visited,
h1, 
h2,
h3,
h4,
h5,
#access2 h4,
#access2 ul,
ul.check li:before,
ul.check-cheio li:before,
ul.seta-cheia li:before,
ul.square li:before,
.entry-title a:link,
.entry-title a:visited,
.widget ul,
a.qd-square-icone:hover:before,  
a.qd-square-icone:active:before,
.widget-area a.qd-icone:hover,  
.widget-area a.qd-icone:active,
#access2 a:hover,
#access2 a:active,
.widget ul a:hover,
.widget ul a:active,
ul.check a:hover,
ul.check a:active,
ul.check-cheio a:hover,
ul.check-cheio a:active,
ul.seta-cheia a:hover,
ul.seta-cheia a:active,
ul.square a:hover,
ul.square a:active,
a[href$="pdf"]:before,
a[href$="doc"]:before,
a[href$="docx"]:before,
a[href$="xls"]:before,
a[href$="xlsx"]:before,
a[href$="ppt"]:before,
a[href$="pptx"]:before {
	color:var(--cor-principal);
}

#mobile-access .menu-fecha,
input[type="submit"] {
	background-color:var(--cor-principal);
}

#mobile-access .mob-menu-principal a:hover,
#mobile-access .mob-menu-principal a:active,
#mobile-access .mob-menu-principal .current-menu-item > a,
#mobile-access .mob-menu-principal .current-menu-ancestor > a,
#mobile-access .mob-menu-principal .current_page_item > a,
#mobile-access .mob-menu-principal .current_page_ancestor > a,
#mobile-access .mob-menu-principal .current_page_parent > a {
	border-color: var(--cor-principal);
}

.box-destaque {
	border-top-color:var(--cor-principal);
}
#qd-menu-contact ul li {
	background-color: rgba(102,151,208,0.8);
}
#qd-menu-contact ul li a > div {
	background-color: rgba(100,100,100, 0.8);
	border-left: solid 3px rgba(102,151,208,1);
}
#qd-menu-contact ul li:hover {
	background-color: rgba(102,151,208,1);
}
@media (max-width: 600px) {
    #qd-menu-contact ul {
        background-color: rgba(102,151,208,1); /* primaria */
    }
}


/* Cor primaria ou branco
 */
#qd-primary-menu a,
.mini-search-icon:before,
#qd-primary-menu .qd-menu-trigger:before,
#access .qd-menu-trigger:before, 
#mobile-menu-trigger:before {
	color: #666;
}
#mobile-menu-trigger {
	background-color: rgba(255,255,255,0.4);
}
#mobile-menu-trigger:before {
	color:var(--cor-principal);
}


.flutua #qd-primary-menu > ul > li > a,
.flutua .mini-search-icon:before {
	color: #fff;
}
#qd-primary-menu li:hover > a,
#qd-primary-menu a:focus,
#qd-primary-menu ul ul li:hover > a,
#qd-primary-menu ul ul a:focus,
#qd-primary-menu .current-menu-item > a,
#qd-primary-menu .current-menu-ancestor > a,
#qd-primary-menu .current_page_item > a,
#qd-primary-menu .current-page-ancestor > a,
#qd-primary-menu .current_page_ancestor > a,
#qd-primary-menu .current_page_parent > a {
	border-color: var(--cor-roxo);
}

/* Cor secundaria
#004f59

 */
a:hover,
a:active,
h6 {
	color:#666;
}

#modal-box .modal-dialog-close {
	background-color: var(--cor-principal);
	border-bottom: none;
}


/*
 * Header
 *
 *
 */
#branding {
}
.header-row-1 {
	background-color:var(--cor-principal);
}
.header-row-2 {
	background-color: #fff;
}
.header-row-2 > .max-width {
	position:relative;
	min-height:40px;
	display: flex;
	justify-content: space-between;
}
.header-row-3 {
    border:none;
}
.home .header-row-3 {
}
.flutua.header-row-3 {
	background-color: rgba(102,151,208,0.9);
}
#logo {
	width:30%; /* 330px para largura de 1100px */
	padding: 5px 0;
	flex: 1 1 auto;
}
#logo a {
}
#logo a img {
	display: inline-block;
    width: 270px;
}
.header-tel a {
	color: #fff;
}

.header-img .entry-title, 
.header-img .breadcrumbs {
	text-align: center;
}
.main-header,
.main-header.header-img {
	background-color: var(--cor-principal);
    background-repeat: repeat;
    background-position: center center;
    background-size: auto;
    border: none;
	height: 200px;
}
.main-header.textura-sem {
    background-image: none;
}
.main-header .max-width {
}
.main-header-text {
}
.main-header h1,
.main-header h2 {
    color:#fff;
}
.main-header .breadcrumbs {
	color:#fff;
    display: none;
}
.breadcrumbs a:link,
.breadcrumbs a:visited {
	color:rgba(255,255,255,0.7);
	text-decoration:none;
}
.breadcrumbs a:hover,
.breadcrumbs a:active {
	color:rgba(255,255,255,1);
	text-decoration:none;
}
#site-logo-footer img {
    width: 150px;
}
#logo-flutua a img {
    width: 35px;
}




.entry-meta {
	color: #666;
	clear: both;
	font-size: 13px;
	line-height: 0;
	position: relative;
	padding-top: 0;
	margin: 0;
	border-top: none;
}



/*
 * Menus
 *
 *
 */
#mobile-access {
	background: var(--cor-principal);
	background: linear-gradient(130deg, rgba(0,94,184,1) 0%, rgba(165,24,144,1) 100%);
}
#mobile-access .mob-menu-principal ul li {
	border-bottom: solid 1px #fff;
}





#access {
	margin-bottom: 0;
}
#qd-primary-menu ul.qd-menu {
    justify-content: stretch;
}
#qd-primary-menu ul.qd-menu > li {
	position: relative;
	padding: 0 10px;
    flex: 1 1 auto;
}
#qd-primary-menu ul.qd-menu > li > a {
}
#qd-primary-menu ul.qd-menu ul {
    background-color: rgba(240,240,240,0.92)
}
#qd-primary-menu ul ul a {
}
#qd-primary-menu .sub-menu a {
	justify-content: flex-start;
}
#qd-primary-menu .sub-menu a span {
	text-align: left;
}

.single-post #qd-primary-menu .fique-por-dentro > a {
	font-weight: bold;
	border-color: var(--cor-principal);
}



#qd-menu-language {
	align-self: center;
	flex: 1 1 auto;
	position: relative;
	top: inherit;
	right: inherit;
	width: auto;
}
#qd-menu-language #menu-doar .pilula a:link,
#qd-menu-language #menu-doar .pilula a:visited{
	line-height: 40px;
	background-color: var(--cor-verde);
	color: #fff;
	padding: 0 20px;
	border-radius: 25px;
	transition:all 1s ease;
    font-weight: bold;
}
#qd-menu-language #menu-doar .pilula a:hover,
#qd-menu-language #menu-doar .pilula a:active {
	background-color: var(--cor-principal);
}
#qd-menu-language #menu-doar .pilula-clara a:link,
#qd-menu-language #menu-doar .pilula-clara a:visited{
	line-height: 40px;
	background-color: #fff;
	color: var(--cor-verde);
    border: solid 1px  var(--cor-verde);
	padding: 0 20px;
	border-radius: 25px;
	transition:all 1s ease;
    font-weight: bold;
}
#qd-menu-language #menu-doar .pilula-clara a:hover,
#qd-menu-language #menu-doar .pilula-clara a:active {
	color: var(--cor-principal);
    border: solid 1px  var(--cor-principal);
}


/*
 * Footer
 *
 *
 */

/* Widget cadastro */
#cadastre-se-cf7 {
	background-color: var(--cor-principal);
	padding-top: 30px;
	padding-bottom: 30px;
    background-image: url("images/Textura-Doodles-Azul-Escuro-2.png");
}
#cadastre-se-cf7 .wpcf7 form.sent .wpcf7-response-output {
	color: #fff;
}

div.wpcf7 .ajax-loader {
	background-image: url("images/ajax-loader-bg-azul.gif");
}
#site-info {
    flex-wrap: wrap;
}
#site-info-generator p + p {
	margin-top: 0.8em;
    margin-bottom: 0;
}
.grecaptcha-badge {
    visibility: hidden; 
}








#colophon {
	border-top:solid 0 var(--cor-principal);

}
#supplementary {
}
.widget-title {
}
.widget a:link,
.widget a:visited {
}
.widget a:hover,
.widget a:focus,
.widget a:active {
}

a.qd-square-icone:before {
}
.widget-area a.qd-icone:hover, 
.widget-area a.qd-icone:active,
a.qd-square-icone:hover:before, 
a.qd-square-icone:active:before {
}
#site-info-generator {
    background-color:var(--cor-principal);
}
#colophon a.qd-icone:link,
#colophon a.qd-icone:visited {
}
#colophon a.qd-icone:hover,
#colophon a.qd-icone:active {
}
#colophon a.qd-icone:link:before,
#colophon a.qd-icone:visited:before,
#colophon a.qd-square-icone:link:before,
#colophon a.qd-square-icone:visited:before {
	color:var(--cor-principal);
}
#colophon a.qd-icone:hover:before,
#colophon a.qd-icone:active:before,
#colophon a.qd-square-icone:hover:before,
#colophon a.qd-square-icone:active:before {
	color: var(--cor-azul-claro);
}

#cookie-box .bt-aceita-cookies {
	flex: 1 0 auto;
	margin-left: 20px;
	border: none;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius: 40px;
}
#cookie-box .bt-aceita-cookies:hover,
#cookie-box .bt-aceita-cookies:active {
	color: #fff;
	background-color: #000;
}


input[type="submit"] {
    border-radius: 20px;
}



/*
 * Estrutura basica
 *
 *
 */

.page-template-template-home .posts-grid .hentry .post-content {
	background-color: #fff;
}
.row-04-box {
  	background-color: #fff;
}
.row-03-box {
  	background-color: var(--cor-teal);
}

.single-qd_portfolio .entry-content {
	display: flex;
	justify-content: center;
}
.single-qd_portfolio .entry-content > div {
	flex: 1 1 auto;
}
.single-qd_portfolio .qd-img-destaque {
	text-align: center;
}


a.qd-bt:link,
a.qd-bt:visited {
	display:inline-block;
	padding:10px 20px;
	border-radius:30px;
	color:#fff;
	transition:all 0.4s ease;
  	background-color: var(--cor-principal);
}
a.qd-bt:hover,
a.qd-bt:active {
	text-decoration:none;
  	background-color: #000;
}
a.qd-bt-inverso:link,
a.qd-bt-inverso:visited {
	display:inline-block;
	padding:10px 20px;
	border-radius:30px;
	border: solid 1px #fff;
	transition:all 0.4s ease;
	color: #fff;
}
a.qd-bt-inverso:hover,
a.qd-bt-inverso:active {
	text-decoration:none;
	color: var(--cor-principal);
  	background-color: #fff;
}
a.qd-bt-inverso.big {
	font-size: 1.3em;
	padding: 10px 25px;
	margin: 15px auto;
}


#modal-box {
	overflow: scroll;
}
span.wpcf7-list-item {
	display: block;
}
.qd-box-mostra {
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.qd-box-mostra.aberto {
	max-height: 1200px;
}
.qd-mostra-box:after {
	font-family: Arial, "sans-serif";
	content: "+";
	font-size: 0.75em;
	display: inline-block;
	margin-left: 0.5em;
	background-color: #ccc;
	border-radius: 1em;
	color: #fff;
	line-height: 1.1em;
	width: 1.1em;
	text-align: center;
}
.qd-mostra-box.ativo:after {
	content: "-";
}
.transparente {
	color: transparent;
}

.single .hentry > footer.entry-meta {
	display: none;
}

.papel-claro {
    background-color: #fff;
    background-image: url("images/Bg-Papel-claro-Associacao-Bonecar.jpg");
}
.papel-escuro {
    background-color: #fff;
    background-image: url("images/Bg-Papel-escuro-Associacao-Bonecar.jpg");
}
.textura-azul {
    background-image: url("images/Textura-Doodles-Azul-Escuro.png");
	background-color: var(--cor-principal);
}
.textura-azulclaro {
    background-image: url("images/Textura-Doodles-Azul-Claro.png");
	background-color: var(--cor-azul-claro);
}
.textura-teal {
    background-image: url("images/Textura-Doodles-Azul-Esverdeado.png");
	background-color: var(--cor-teal);
}
.textura-verde {
    background-image: url("images/Textura-Doodles-Verde.png");
	background-color: var(--cor-verde);
}
.textura-verdeclaro {
    background-image: url("images/Textura-Doodles-Verde-claro.png");
	background-color: var(--cor-verde-claro);
}
.textura-amarelo {
    background-image: url("images/Textura-Doodles-Amarelo.png");
	background-color: var(--cor-amarelo);
}
.textura-laranja {
    background-image: url("images/Textura-Doodles-Laranja.png");
	background-color: var(--cor-laranja);
}
.textura-vermelho {
    background-image: url("images/Textura-Doodles-Vermelho.png");
	background-color: var(--cor-vermelho);
}
.textura-roxa,
.textura-roxo {
    background-image: url("images/Textura-Doodles-Roxo.png");
	background-color: var(--cor-roxo);
}
.textura-azul-escuro {
    background-image: url("images/Textura-Doodles-Azul-Escuro-2.png");
	background-color: var(--cor-principal);
}

/*
 * Estruturas específicas
 *
 *
 */

.template_template-contato-mapa .box-flutua {
	padding-right: 75px;
}


.qd-show-hide {
}
.qd-show-hide-trigger {
	
}
.qd-show-hide-content {
	padding-top: 1em;
	max-height: 0;
	transition: all 1.6s ease-in-out;
	overflow: hidden ;
}
.qd-show-hide:hover .qd-show-hide-content {
	max-height: 800px;
}

.posts-grid .hentry .post-content {
    text-align: center;
}

/**
 * qd tabs elementor friendly
 * 2022-04
*/
.qd-elem-tabs-container {
    
}
.qd-elem-tabs-menu a.qd-elem-tab-clique:link,
.qd-elem-tabs-menu a.qd-elem-tab-clique:visited {
    display: block;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding:10px 15px;
    border: solid 1px #ccc;
    margin-bottom: -1px;
    font-weight: 700;
    background-color: #efefef;
    color: #888;
}
.qd-elem-tabs-menu a.qd-elem-tab-clique:hover,
.qd-elem-tabs-menu a.qd-elem-tab-clique:active {
    background-color: #efefef;
    color: #000;
}
.qd-elem-tabs-menu a.qd-elem-tab-clique.ativo {
    background-color: #fff;
    color: #000;
}

.qd-elem-tab-conteudo {
	max-height:0;
    order:2;
    opacity: 0;
	overflow:hidden;
	transition: max-height 0.9s ease !important;
}
.qd-elem-tab-conteudo.ativo {
    opacity: 1;
    order: 1;
	max-height:800px;
}


.page_doar #cadastre-se-cf7 {
    display: none;
}


/*
 * Textos
 *
 *
 */


/*
 * Modulo font-size
 * 2022-08-26
 *
 */

body, input, textarea {
	font-size:13px;
	font-family:"Lato","Open Sans", Helvetica, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-weight:300;
	line-height: 1.2em;
	font-family:"Lato","Open Sans", Helvetica, Arial, sans-serif;
}
h1 {
	font-size:2.2em;
	font-weight:300;
}
h2 {
	font-size:1.9em;
}
h3 {
	font-size:1.7em;
}
.posts-grid h3,
h4 {
	font-size:1.4em;
}
h5 {
	font-size:1.4em;
	font-style: italic;
	font-weight: 300;
	color: var(--cor-principal);
}
h6 {
	font-size:1.2em;
	font-weight:bold;
}
@media (min-width:480px) { 
	/* smartphones, Android phones, landscape iPhone */ 
	body, input, textarea {
		font-size: 14px;
	}
    h1 {
        font-size:2.2em;
    }
    h2 {
        font-size:1.9em;
    }
    h3 {
        font-size:1.7em;
    }
    .posts-grid h3,
    h4 {
        font-size:1.4em;
    }
    h5 {
        font-size:1.4em;
    }
    h6 {
        font-size:1.2em;
    }
}
@media (min-width:600px) { 
    body, input, textarea {
        font-size:15px;
    }
    h1 {
        font-size:2.2em;
    }
    h2 {
        font-size:1.9em;
    }
    h3 {
        font-size:1.7em;
    }
    .posts-grid h3,
    h4 {
        font-size:1.4em;
    }
    h5 {
        font-size:1.4em;
    }
    h6 {
        font-size:1.2em;
    }
    #qd-menu-contact.wa-destaque {
        top: inherit !important;
        bottom: 80px;
        right: 25px;
    }
}
@media (min-width:800px) { 
    body, input, textarea {
        font-size:16px;
    }
    h1 {
        font-size:2.6em;
    }
    h2 {
        font-size:2.1em;
    }
    h3 {
        font-size:1.8em;
    }
    .posts-grid h3,
    h4 {
        font-size:1.6em;
    }
    h5 {
        font-size:1.5em;
    }
    h6 {
        font-size:1.3em;
    }
}

@media (max-width:782px) {
    #logo {
        margin-bottom: 0;
    }
    .header-row-2 > .max-width {
        padding-right: 25px;
    }
}