/*!
Theme Name: cnbsocios
Author: CS Sites
Text Domain: socios
Description: 
Version: 3.5.995
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */


:root {
	--color-tema-primary: #009F98;
	--color-tema-secundary: #62CDCF;
	--color-tema-soft: #EDF4F5;
	--font-clubenovobanco: "ClubeNovobancoText",apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

@font-face {
    font-family: "ClubeNovobancoText";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://clubenovobanco.pt/wp-content/themes/mytheme-child/assets/fonts/ClubeNovobancoText-Light.woff) format("woff")
}

@font-face {
    font-family: "ClubeNovobancoText";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://clubenovobanco.pt/wp-content/themes/mytheme-child/assets/fonts/ClubeNovobancoText-Book.woff) format("woff")
}

@font-face {
    font-family: "ClubeNovobancoText";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://clubenovobanco.pt/wp-content/themes/mytheme-child/assets/fonts/ClubeNovobancoText-Medium.woff) format("woff")
}

@font-face {
    font-family: "ClubeNovobancoText";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://clubenovobanco.pt/wp-content/themes/mytheme-child/assets/fonts/ClubeNovobancoText-Bold.woff) format("woff")
}

body {
    font-family: var(--font-clubenovobanco) !important;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
nav#header {
    background: var(--color-tema-primary);
    /* position: relative; */
    z-index: 1;
}
nav#header a.nav-link {
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    padding: 0 20px;
}
nav#header .container {
    max-width: 1400px;
}

.page-template-page-full .container {
    max-width: 100%;
    padding: 0 10px;
}

p {
    font-size: 17px;
}

main#main .area-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.btn.btn-theme {
    border: 1px solid #d3d3d3;
    box-shadow: none;
}
nav .btn.btn-theme {
    box-shadow: none;
    color: #fff;
    font-size: 15px;
    background: transparent;
}
nav .btn.btn-theme:hover {
    text-decoration: underline;
}

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bg-tema-primary  {
	background-color: var(--color-tema-primary) !important;
}

.color-theme,
.color-tema-primary  {
	color: var(--color-tema-primary) !important;
}

.btn {
    font-weight: 500;
    line-height: 1.5;
    display: inline-block;
    padding: .625rem 1.25rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    color: #525f7f;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: transparent;
    font-size: .875rem;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .025em;
    text-transform: none;
    will-change: transform;
    color: #212529;
    border-color: #f7fafc;
    background-color: #f7fafc;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn:hover {
    color: #fff;
    border-color: var(--color-tema-primary);
    background-color: var(--color-tema-primary);
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn:focus {
    outline: 0;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    color: #212529;
    border-color: #f7fafc;
    background-color: #d2e3ee;
}
.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

#footer {
    height: 40px;
    background: #222 !important;
    color: #dfdfdf;	
}
#footer p {
    color: #5b5b5b;
    margin-top: 10px;
    font-size: 1rem;
}
@media (min-width: 1400px) {
    #footer .container {
        max-width: 1320px;
    }
}

h3.entry-title {
    text-align: center;
    margin-bottom: 15px;
}

.card {
    margin-bottom: 30px;
    border: 0;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
    border-radius: .75rem !important;
}
.card .card-header {
    border-radius: .75rem .75rem 0 0 !important;
}

.bg-gradient-default {
    background: linear-gradient(270deg, #009f98 0, #2dcecc 100%) !important;
}

.bg-gradient-primary {
    background: linear-gradient(87deg,#5e72e4 0,#825ee4 100%)!important
}

.bg-gradient-secondary {
    background: linear-gradient(87deg,#f7fafc 0,#f7f8fc 100%)!important
}

.bg-gradient-success {
    background: linear-gradient(87deg,#2dce89 0,#2dcecc 100%)!important
}

.bg-gradient-info {
    background: linear-gradient(87deg,#11cdef 0,#1171ef 100%)!important
}

.bg-gradient-warning {
    background: linear-gradient(87deg,#fb6340 0,#fbb140 100%)!important
}

.bg-gradient-danger {
    background: linear-gradient(270deg, #f5365c 0, #f56036 100%) !important;
}

.bg-gradient-light {
    background: linear-gradient(87deg,#adb5bd 0,#adaebd 100%)!important
}

.bg-gradient-dark {
    background: linear-gradient(87deg,#212529 0,#212229 100%)!important
}

ul.pagination .active>.page-link, 
ul.pagination .page-link.active {
    background-color: var(--color-tema-primary);
    border-color: var(--color-tema-primary);
	color #fff;
}
div.dt-container div.dt-paging ul.pagination button {
    font-size: 14px;
}
ul.pagination button.page-link {
    color: #222;
}
ul.pagination button.page-link:hover {
	color: var(--color-tema-primary);
	color #fff;
}
ul.pagination button.page-link:hover, 
ul.pagination .active>.page-link,
ul.pagination li.dt-paging-button.active button.page-link,
ul.pagination .page-link.active {
    color: #fff;
}

@media (max-width: 600px) {
ul.pagination li button {
    font-size: 12px;
}
}


.estado-ativo span {
    color: green;
    font-weight: bold;
}
.estado-expirado span {
    color: red;
    font-weight: bold;
}
.estado-bloqueado span {
    color: orange;
    font-weight: bold;
}
.estado-cancelado span {
    color: gray;
    font-weight: bold;
}
.estado-desconhecido span {
    color: black;
}

#wpcontent {background: #fff;}

.content .entry-title {
    display: none;
}

/* TABELAS  */

.card.dados {
    margin-bottom: 30px;
    border: 0;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
    border-radius: .75rem !important;
}
table.dataTable thead>tr>th.dt-orderable-asc, table.dataTable thead>tr>th.dt-orderable-desc, table.dataTable thead>tr>th.dt-ordering-asc, table.dataTable thead>tr>th.dt-ordering-desc, table.dataTable thead>tr>td.dt-orderable-asc, table.dataTable thead>tr>td.dt-orderable-desc, table.dataTable thead>tr>td.dt-ordering-asc, table.dataTable thead>tr>td.dt-ordering-desc {
    position: relative;
    padding: 5px 10px;
}

table.table tr.colunas-tit th {
	background-color: var(--color-tema-secundary);
	font-size: 13px;
    font-weight: 500;	
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
table.dataTable thead>tr.colunas-fam th {
	background: var(--color-tema-primary);
	font-size: 14px;	
    text-align: center;
    color: #fff;
}
table.table tr.colunas-tit th:hover,
table.dataTable thead>tr.colunas-fam th:hover {
    outline: 0 !important;
}
#tabela_consumos tr.aux-famil,
#members-table tr.aux-famil {
    height: 40px;
}
#tabela_consumos tr.aux-famil td,
#tabela_consumos tr.aux-famil th,
#members-table tr.aux-famil td, 
#members-table tr.aux-famil th {
    height: 40px;
    vertical-align: middle;
}
table.dataTable .dt-column-order {
    display: none;
}
table.dataTable thead>tr>th.dt-orderable-asc, 
table.dataTable thead>tr>th.dt-orderable-desc {
    padding: 12px 5px;
	padding-right: 5px !important;
}

table.table input[type="checkbox"] {
    width: 18px;
    height: 18px;
}
.table-dados select,
#tabela_consumos_wrapper select,
#members-table_wrapper select {
	min-width: 60px;
}
.table-dados tbody td,
#tabela_consumos tbody td,
.members-table tbody td,
#members-table tbody td {
    font-size: 12px;
    vertical-align: middle;
    padding: .4rem 0.7rem;
}
.table-dados .table-active,
#tabela_consumos .table-active,
.members-table .table-active, 
#members-table .table-active {
	--bs-table-bg-state: #d6f4f1;
}
tfoot, 
tfoot tr, 
tfoot td {
    border: 0;
}
tfoot {
    --bs-table-bg-state: #d6f4f1;
    --bs-table-border-color: #ffffff;
}
tfoot td span,
tfoot td {
    font-size: 13px;
}
table.table tr.efetivo td:first-child {background-color: #E7F8FE;}
table.table tr.aux-famil td:first-child  {background-color: #FFF5D9;}
table.table tr.aux-colab td:first-child  {background-color: #E9F2EE;}
table.table tr.extraord td:first-child  {background-color: #FCEFF1;}

table.tabela-resumo thead {
    --bs-table-bg: #007179;
    --bs-table-border-color: #007179;
}
table.tabela-resumo thead tr th {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    padding: 15px 10px;
}
table.tabela-resumo tbody tr td {
    font-size: 12px;
    font-weight: 400;
}
div.dt-buttons {
    position: initial;
    display: inline-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: .1rem;
}
div.dt-buttons>.dt-button, 
div.dt-buttons>div.dt-button-split .dt-button {
    font-size: 12px !important;
    padding: .5em 1rem !important;
    margin: 0 2px !important;
}

td.botoes a.btn {
    margin: 2px 0;
}

div.dt-container div.dt-search {
    display: flex;
    text-align: left;
    justify-content: flex-start;
    flex-wrap: wrap;
	align-items: center;
}
div.dt-container div.dt-search input {
	width: 80% !important;
	margin: 0;
}
div.dt-container div.dt-search label {
    margin-right: 7px;
}
div#tabela_consumos_info {
    font-size: 15px;
}
div.dt-scroll-body {
    max-height: 500px;
}

@media (max-width: 991px) {
div.dt-container div.dt-search input {
    width: 75% !important;
}
}
@media (max-width: 600px) {
div.dt-container div.dt-search input {
	min-width: 250px;
	width: 100% !important;
}
}

@media screen and (max-width: 767px) {
    div.dt-container div.dt-length, 
	div.dt-container div.dt-search, 
	div.dt-container div.dt-info, 
	div.dt-container div.dt-paging {
        text-align: left;
    }
}

@media (min-width: 992px) {
.table-filters .col-filter,
#table-filters .col-filter {
    width: 20%;
}
}

@media (max-width: 991px) {
.table-filters .col-filter,	
#table-filters .col-filter {
    width: 25%;
}
}

@media (max-width: 699px) {
	.table-filters .col-filter,
	#table-filters .col-filter {
		width: 33%;
	}
	div.dt-buttons>.dt-button,
	div.dt-buttons>div.dt-button-split .dt-button {
		padding: .3em .5rem !important;
	}
	div.dt-container .row {
		--bs-gutter-y: 0.5rem !important;
	}
}

@media (max-width: 499px) {
.table-filters .col-filter,
#table-filters .col-filter {
    width: 50%;
}
}

@media (max-width: 399px) {
.table-filters .col-filter,
#table-filters .col-filter {
    width: 100%;
}
}

@media (min-width: 1200px) {
#members-table_wrapper #table-filters>div {
    width: 12.5% !important;
}
}

#graficoCartao {
  max-height: 400px;
  height: 400px;
  width: 100%;
  max-width: 100%;
  display: block;
}