/*
Theme Name:     Neve-child
Template:       neve
Author:         ThemeIslec / mat-silva.com
Author URI:     https://themeisle.com / mat-silva.com
Tested up to:   5.9
Requires PHP:   7.0
Requires at least: 5.4
Description:    Neve child theme
Version:        3.2.4 (1.0 - child)
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
AMP: 			true
WordPress Available:  yes
*/

/* ---------------------------------------- */
/* GENERAL CSS ---------------------------------- */
/* ---------------------------------------- */
header::before {
    display: block;
    height: 10px;
    width: 100%;
    content: " ";
    background-color: #009b3e;
}

.navbar-toggle, .header--row-inner {
    background-color: #324291;
}

.header--row-inner p.site-title, .header--row-inner span, .header--row-inner small, .header--row-inner .nav-ul li a  {
    color: #fff;
}

.header--row-inner .nav-ul li a:hover{
    color: #ccc;
}

.header--row-inner .nav-ul .sub-menu li a{
    color: #000;
}

.nav-ul li.current-menu-item>a:not([href*="#"]){
    color: #009b3e;
}

main#content {
    padding-bottom: 2rem;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}

/* FOOTER */
footer::before {
    display: block;
    height: 10px;
    width: 100%;
    content: " ";
    background-color: #009b3e;
}

footer h4::after {
    display: block;
    height: 4px;
    width: 80px;
    content: " ";
    background-color: #009b3e;
    margin-top: 10px;
}

footer h4 {
    text-align: left;
}

footer .component-wrap {
    display: none;
}

.footer-contacts {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.footer-contacts section h4 {
    font-size: 110%;
}

.footer-contacts section {
    text-align: left;
    padding: 1rem 0.5rem;
    font-size: 90%;
}

.footer-contacts section:last-child {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

/* ---------------------------------------- */
/* PAGES ---------------------------------- */
/* ---------------------------------------- */

/* LOGIN ---------------------------------- */

body.login div#login h1 a {
    display: none;
}

body.login .language-switcher{
    display: none;
}

body.login #backtoblog{
    display: none;
}

/* HOME ---------------------------------- */
form#myloginform {
    max-width: 380px;
    margin: 0 auto;
    padding: 50px 50px;
}

.home-links {
    display: flex;
    justify-content: center;
    padding-top: 3rem;
}

.home-links > div > div {
    padding: 0 3rem;
}

.home-links p {
    width: max-content;
}


/* DOWNLOADS PAGE ---------------------------------- */
.downloads h4 {
    margin: 0;
    max-width: 70%;
    display: inline-block;
    float: left;
    font-size: 1.2rem;
}

.downloads a{
    text-decoration: none;
}

.downloads button {
    float: right;
}
    .downloads button:hover {
        opacity: 0.8;
    }

.downloads h6 {
    margin: 0;
    padding: 0 0 1rem 0;
    float: left;
    width: 100%;
    font-size: 0.8rem;
}

.downloads .wp-block-separator{
    opacity: 0.2;
}

/* FORMS A, FORM B and Amendment FORM PAGES PRINT  ---------------------------------- */

.print-button {
    float: right;
}
@media print {
    @page 
    {
        size:  auto;   /* auto is the initial value */
        margin: 10mm 0 20mm 0;  /* this affects the margin in the printer settings */
    }
    html
    {
        margin: 0px;  /* this affects the margin on the html before sending to printer */
    }
    body
    {
        /*margin: 8mm 15mm 8mm 15mm;  margin you want for the content */
        margin: 0 15mm; /* margin you want for the content */
    }
    
    .header {
        display: none;
    }
    .site-footer {
        display: none;
    }
        .nv-big-title {
        display: none;
    }
    h5{
		margin:10px 0 5px 0;
		line-height: normal;
	}
	
	.header-note{
		font-size: 9pt;
        line-height:1;
 		display:inline-block;
		padding:5px 0;

	}
    
    td{
        font-size:80%;
        line-height:1.2;
        padding:10px 5px;
    }
    th{
        font-size:80%;
        line-height:1;
        padding:5px 5px;
        background-color: #e0e0e0;
        -webkit-print-color-adjust: exact; 
    }
    .print-button{
        display: none;
    }
}


/* CONTACT */
.send-message {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
}

.send-message textarea, .send-message span, .send-message label, .send-message select, .send-message input:not([type='checkbox']) {
    width: 100%;
}

.send-message .wpcf7-spinner {
    width: 24px;
}

.send-message span.wpcf7-list-item {
    margin: 0;
}


/* ---------------------------------------- */
/* FUNCTIONALITIES ------------------------ */
/* ---------------------------------------- */
/* Sweetalert properties ---------------------------------- */
.swal2-container > div {
    width: fit-content;
    height: fit-content;
}

div#swal2-html-container {
    width: 80vw;
    height: 80vh;
    overflow: hidden;
}

/* loan-view(page) | claim-view(page) */ 
.page-id-243 div#swal2-html-container, .page-id-433 div#swal2-html-container{
    overflow:auto
}

.swal2-html-container>object {
    width: 100%;
    height: 100%;
}

/* Loans custom table ---------------------------------- */
th#wpda_hyperlink_0 {
    width: 180px;
}

.wp-block-buttons.forms-a-b, .wp-block-buttons.dynamic-wpdalinks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.forms-a-b a.wp-block-button__link, .dynamic-wpdalinks a.wp-block-button__link,  .is-style-primary .wp-block-button__link{
    font-size: 0.7rem !important;
    padding: 5px 10px !important;
    margin-right: 5px;
    word-break: initial;
    color: #fff;
}

.forms-a-b a.wp-block-button__link:hover,  .is-style-primary .wp-block-button__link:hover{
    color: #fff;
}

    @media
        only screen 
        and (max-width: 760px), (min-device-width: 768px) 
        and (max-device-width: 1024px)  {
            .table-nest{
                word-break: break-word;
            }
        
        }

/* Tabby (tabs plugin) overwrite ---------------------------------- */
body .responsive-tabs .responsive-tabs__list__item{
    border-color: #ddd;
}


/* Tooltip ---------------------------------- */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
visibility: hidden;
width: 180px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}


/* Custom Tables properties ---------------------------------- */
.tab-pane tr:nth-child(even) {
    background-color: #f2f2f2;
}

.tab-pane td, .tab-pane th {
    padding: 5px;
    margin: 0px;
    border: 1px solid #f6f6f6;
}

.tab-pane td:hover, .tab-pane th:hover {
    background-color: #d4dbe3;

}

.tab-pane tr:hover {
    background-color: #c6ddff;

}

.tab-pane th {
    background-color: #e6f1ff;
}


/* WPDATACCESS properties ---------------------------------- */

body .widefat td, .widefat th {
    padding: 5px 0 5px 5px;
    line-height: 1em;
    font-size: 0.7rem;
    vertical-align: middle;
}

body tr.is-expanded td {
    min-height: 25px;
}

@media screen and (max-width: 782px){
        body input[type=checkbox] {
        height: 1rem;
        width: 1rem;
    }    
}

#wpda_main_form td, #wpda_main_form th{
border-bottom: 1px solid var(--nv-text-color);
}

.wp-heading-inline{
    display: none !important;
}

table.fixed {
	table-layout: auto !important;
}


/* pages that the next css will be applicable 
7=loan
243=loan-view
259=amendments
294=add-amendment
306=change-add-owner
318-add-new-loan
362=collateral-security
*/


.page-id-294 .ownerRows .wp-block-buttons{
    text-align: center;
}

.page-id-294 .table-owners-add-amendments{
    width: 100%;
    height: 600px;
}

.page-id-306 table tfoot, .page-id-306 p.search-box {
    display: none !important;
}

.page-id-318 .ownerRows .wp-block-buttons{
    text-align: center;
}


    /* Vertical WPDATACCESS access tables .vertical-wpda-table .wrap.wp-core-ui ---------------------------------- */
    .vertical-wpda-table table {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-auto-flow: column;
    }

    .vertical-wpda-table thead,
    .vertical-wpda-table tbody,
    .vertical-wpda-table tr {
        display: contents;
    }

    .vertical-wpda-table th {
        grid-column: 1;
        text-align: left;
        border: 1px solid #c3c4c7;
    }

    .vertical-wpda-table td {
        grid-column: 2;
        /*multiline wrap*/
        white-space: pre-wrap;
        border: 1px solid #c3c4c7;
    }

    .vertical-wpda-table table tfoot {
        display: none;
    }


    /* NEW LOAN ACCORDEON PAGE---------------------------------- */
    .accordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
    }
    
    .accordionActive, .accordion:hover {
    background-color: #ccc;
    }
    
    .accordion > td > span:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 1.5rem;
    }
    
    .accordionActive > td > span:after {
    content: "\2212";
    }

    .panelAccordion > td {
    border: 1px solid #ccc;
    border-radius: 1rem;
    position: relative;
    top: -13px;
}
    
    .panelAccordion {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    display: none;
    }