/*
Theme Name: Finloup theme
Theme URI: 
Description: Theme for Finloup
Author: Yury
Author URI:
Template: twentytwenty
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

@import "search-form.css";

.primary-menu li.menu-item > a, .primary-menu li.menu-item > .link-icon-wrapper > a {
    text-decoration: none;
}

.search-toggle, .toggle-text {
    outline: none;
	text-decoration: none;
}

.toggle-inner > span.toggle-text { 
	display: none;
}

.search-modal .search-field:focus {
    outline: none;
}

.site-title, .page-title {
	color: #000;
	font-weight: 500;
    font-size: larger;
}

input::placeholder {
    color: #3a7263;
}

.primary-menu > li > a, .primary-menu > li > .icon,
.modal-menu a, .footer-menu a, .footer-widgets a,
.header-footer-group, 
body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle,
#site-footer .wp-block-button.is-style-outline, 
.header-footer-group .color-accent { 
	color: #3a7263;
}

body:not(.overlay-header) .primary-menu > li > a:hover {
    color: #52a7fe;
}

.nav-links > a, .nav-links > a:focus {
    color: #3a7263 !important;
}

header#site-header {
    border-bottom: 1px solid #9fa09f;
}

main#site-content {
    background-color: #eaeff0;
    border-top: 1px solid #c3c6c6;
}

.site-title {
    letter-spacing: 0.07rem;
    font-weight: 500;
}

.site-title a:hover, .site-title a:focus {
    text-decoration: none;
}

.header-inner > h1.page-title {
	margin: 0 auto;
}

.bank-logo {
    display: inline-block;
    width: 15%;
}

.bank-logo-img {
    margin: 0 auto;
    border-radius: 5px;
	width: 100px;
	object-fit: contain;
    height: 40px;
}

.entry-header-inner.section-inner.medium.loan-name {
    display: inline-block;
    width: 80%;
    vertical-align: top;
}

header.entry-header {
    border-bottom: 1px solid #cdd5d9;
}

body:not(.singular) main > .loan-listing-box > article.loan.loan-listing {
    margin: 2rem 1rem;
    padding: 2rem 2rem 0rem 2rem;
	background: white;
    border-radius: 5px;
}

hr.post-separator.styled-separator.is-style-wide.section-inner {
    margin: 3rem auto;
    width: 75%;
}

.loan-entry-content {
    text-align: center;
    font-size: smaller;
    padding-bottom: 2rem;
}

.loan-entry-content > div {
    height: auto;
    border-bottom: 1px solid #cdd5d9;
    padding: 1rem 0rem 1rem 1rem;    
}

.loan-entry-content > div:last-child {
    border-bottom: none;
}

form.loan-search-form {
    padding: 0 1rem;
}

.loan-name > .loan-title {
    font-size: 1.5rem;
}

.loan-name > .loan-subtitle {
    font-size: small;
}

.loan-entry-content > div {
    padding-left: 1rem;
}

.loan-note-disclaimer {
    color: #829ca7;
    font-size: small;
}

span.bold {
    font-weight: 700;
}

.inline-block {
    display: inline-block;
}

.loan-actions > .inline-block {
    width: 48%;
    text-align: center;
}

.hidden {
    display: none;
}

button.application-button {
    border-radius: 10px;
    font-size: small;
    font-weight: 500;
    padding: 1rem;
    border: 1px solid #3d7666;
    transition: background 0.3s ease;
}

button.application-button:hover {
    color: #3d7666;
    background: white;
    border: 1px solid #3d7666;
}

input[type="submit"].loan-search-submit,
 button.application-button {
    text-transform: none;
}

button.application-button:hover, button.application-button:focus,
input[type="submit"].loan-search-submit:hover, 
input[type="submit"].loan-search-submit:focus {
    text-decoration: none;
    outline: none;
}

.filter-loan-search input[type="number"]:focus {
    outline: #fff
}

.filter-loan-search input {
    border-radius: 10px;
}

.filter-sidebar input.loan-search-submit {
    margin-top: 10%;
    width: 100%;
    font-size:1.4rem;
    background-color:#fff!important;
    color:#829ca7!important;
}

span.help-text {
    background: #52a7fe;
    color: white;
    border-radius: 15px;
    padding: 0 5px;
    font-size: small;
}

.enable-loan-details {
    color: #3d7666;
    letter-spacing: 0.1rem;
}

.clickable {
    cursor: pointer;
}

.enable-loan-details > span.dashicons.dashicons-arrow-down-alt2,
.enable-loan-details > span.dashicons.dashicons-arrow-up-alt2 {
    margin-top: 0.2rem;
}

.loan-details {
    padding: 1rem 1.5rem;
    font-size: smaller;
    background: #f5f5f5;
    margin: 0 -2rem;
}

.loan-details .inline-block {
    width: 49%;
    vertical-align: top;
}

.loan-detail-title {
    font-weight: 700;
}

.loan-positives .loan-detail-title.positive {
    color: #3b7264;
}

.loan-negatives .loan-detail-title.negative {
    color: #a84e5c;
}

.loan-details ul {
    margin-left: 0rem;
    margin-bottom: 2rem;
    list-style: none;
}

.loan-details ul li:before {
    font-family: dashicons;
    margin-left: -1.7rem;
    font-weight: 600;
}

.loan-positives ul li:before {
    content: "\f147";
    color: #3b7264;
}

.loan-negatives ul li:before {
    content: "\f335";
    color: #a84e5c;
}

.further-info ul li:before {
    content: "!";
    font-size: x-large;
    padding-right: 0.5rem;
}

.loan-entry-content {
    padding-bottom: 1rem;
    text-align: left;
}

.filter-sidebar {
    background: #829ca7;
    color: #ffffff;
    border-radius: 5px;
    margin: 2rem 1rem 0 1rem;
    padding: 1rem;
    vertical-align: top;
    display: block;
}



/* @media (min-width: 1300px) { */

h2.entry-title {
    font-size: 3rem;
    padding-top: 2rem;
}

.archive-header {
    padding: 2rem 0;
}

.content-area-full {
    padding: 0 30px;
}

.header-inner > h1.page-title {
    font-size: 3rem;
    letter-spacing: 0.1rem;
}

.header-inner.section-inner {
    padding: 1.376rem 0;
}

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin-top: 4rem;
}

main#site-content {
    padding: 0 20rem;
}

#site-content > header.header {
    padding: 1.5rem 0rem;
}

article.loan-listing {
    padding: 5rem;
}

.filter-sidebar {
    width: 18%;
    display: none;
    padding: 1rem;
    margin-top: 2rem;
    display: inline-block;
}

.loan-listing-box {
    width: 79%;
    display: inline-block;
}

body:not(.singular) main > .loan-listing-box > article.loan.loan-listing {
    margin: 2rem 20rem 2rem 1rem;
}

.bank-logo-img {
    height: 100px;
}

.site-title, .page-title {
    font-size: 3.6rem;
}

.loan-name > .loan-title {
    font-size: 2.4rem;
}

.page-title {
    margin: 1rem 0rem 0rem 0rem;
}

.loan-name > .loan-subtitle, .loan-entry-content {
    font-size: medium;
}

.loan-details {
    padding: 2rem;
}

button.application-button {
    padding: 0.9em 1.44em;
    font-size: medium;
}


@media (max-width:1500px){
    main#site-content {
        padding: 0 4rem;
    }

    body:not(.singular) main > .loan-listing-box > article.loan.loan-listing {
        margin: 2rem 15rem 2rem 1rem;
    }
}

@media (max-width: 1100px){
    .filter-sidebar {
        width:20%;
    }

    .loan-listing-box {
        width: 75%;
    }

    body:not(.singular) main > .loan-listing-box > article.loan.loan-listing {
        margin: 2rem 1rem 2rem 1rem;
    }
}

@media (max-width: 650px){
    main#site-content {
        padding: 0 1rem;
    }
    
    .filter-sidebar {
        width:100%;
    }

    .loan-listing-box {
        width: 100%;
    }

    body:not(.singular) main > .loan-listing-box > article.loan.loan-listing {
        margin: 2rem -1rem 2rem 1rem;
    }

    .loan-name > .loan-title {
        font-size: 2rem;
    }

    .loan-name > .loan-subtitle, .loan-entry-content {
        font-size: 1.5rem;
    }
}

@media (max-width: 650px){
    .filter-sidebar {
        width:100%;
    }

    button.application-button{
        font-size:small;
    }
}