/*
Theme Name: HomeLoanServ
Theme URI: https://www.valice.com/
Author: Valice
Author URI: https://www.valice.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Template: whitespace
Text Domain: homeloanserv
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

img {
    max-width: 100%;
}

a {
    text-wrap: wrap;
    overflow-wrap: break-word;
}

/* Site Footer */


footer a.wp-block-navigation-item__content:hover {
    text-decoration: underline;
}


/* Site Header */

.site-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
}

.entry-content.wp-block-post-content,
main.wp-block-group,
.single-post .wp-block-group.entry-content {
    margin-top: 80px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

@media only screen and (max-width: 1059px) {
   .wp-block-group.header-row {
    flex-direction: row-reverse;
    justify-content: flex-end;
   }

   .entry-content.wp-block-post-content,
   main.wp-block-group,
   .single-post .wp-block-group.entry-content {
    margin-top: 46px !important
    }
}


/* Background Patterns */

.negative-margin {
    margin-top: -60px !important;
    z-index: 999;
    position: relative;
}

.line-mountain {
    background-image: url(images/simple-bg.png);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.color-mountain {
    background-image: url(images/gradient-bg.png);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
.gradient-mountains {
    background-image: url(images/related-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -40px;
}

.home-mountains  {
    background-image: url(images/gradient-mountains.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.wp-block-columns.pattern,
.wp-block-column.pattern,
.wp-block-group.pattern {
    background-color: #EFF8F8;
    background-image: url(images/home-pattern.png);
}

.wp-block-column.gradient-background-no-top,
.wp-block-columns.gradient-background-no-top {
    background-image: url(images/gradient-background-no-top.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.wp-block-columns.large-mountain-gradient,
.wp-block-column.large-mountain-gradient {
    background-image: url(images/large-mountain-gradient.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.wp-block-column.border-radius {
    border-radius: 8px;
}

.wp-block-column.border-radius-large {
    border-radius: 16px;
}

/* Grid Columns */

.wp-block-columns.grid {
    display: grid;
    grid-template-columns: 3fr 2fr;
}

.wp-block-columns.grid > .wp-block-column {
    height: 100%;
}

.wp-block-columns.grid > .wp-block-column img,
.wp-block-columns.grid > .wp-block-column figure {
    height: 100%;
    width: auto;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 1360px) {
    .wp-block-columns.grid {
        grid-template-columns: 1fr 1fr;
    }

    .wp-block-columns.grid > .wp-block-column {
        height: auto;
    }
}

@media only screen and (max-width: 960px) {
    .wp-block-columns.grid {
        grid-template-columns: 1fr;
    }
}

.more-link a {
    color: var(--wp--preset--color--viridian-green);
    text-decoration: none;
}

a.wp-block-post-excerpt__more-link {
    display: none;
}

.more-link:after {
    font-family: dashicons;
    content: "\f344";
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    text-align: center;
    margin-left: 5px;
    vertical-align: middle;
}

.more-link.no-arrow:after {
    content: '';
}

/* Toggle */
.toggleable .toggle-body {
    display: none;
}

.toggleable .toggle-body.page-list-toggle-body {
    display: block;
}

.toggleable .toggle-handle.page-list-handle {
    display: none;
}

@media only screen and (max-width: 775px) {
    .toggleable .toggle-handle.page-list-handle {
        display: block;
    }

    .toggleable .toggle-body.page-list-toggle-body {
        display: none;
    }

    .toggleable.open .toggle-body.page-list-toggle-body {
        display: block;
    }
}
    
.toggleable.open .toggle-body {
    display: block;
    padding: 0 5px;
}

.toggleable .toggle-handle {
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    border-bottom: 2px solid #ddd;
    padding: 15px 5px;
    position: relative;
    padding-right: 50px;
}

.toggleable .toggle-handle:after {
    content: url(images/carat.png);
    position: absolute;
    right: 5px;
}

.toggleable.open .toggle-handle:after {
    content: url(images/carat-up.png);
}

.toggleable .toggle-handle.page-list-handle:after {
    content: '+'
}

.toggleable.open .toggle-handle.page-list-handle:after {
    content: '-';
}


/* Rate Shortcode */

.rate-summary-top {
    font-size: 18px;
    line-height: 1;
}

.rate-summary-top .big-rate {
    font-weight: 600;
    font-size: 65px;
    line-height: 1.5;
    font-family: 'Crimson Pro', serif;
    color: #0D5B4D;
}

.rate-summary-wrap .apr-rate {
    font-weight: 300;
    font-size: 14px;
    line-height: 1;
    color: #666666;
    margin-top: 8px;
    text-align: center;
    border-top: 2px solid #57585A;
    padding-top: 18px;
    padding-bottom: 18px;
}

@media only screen and (max-width: 1080px ) {
    .rate-summary-top {
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 780px ) {
    .rate-summary-top {
        flex-direction: row;
       justify-content: center;
    }

    .rate-summary-top .big-rate {
        font-size: 50px;
    }
}

/* Home Content */

.home-slide .slide-content {
    padding: 40px;
    background: url(images/slide-content-background.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

@media only screen and (max-width: 1059px ) {
    .home-slide .wp-block-column.slide-content {
        flex-basis: 65% !important;
    }
}

@media only screen and (max-width: 766px) {
    .home-slide .wp-block-cover {
        display: none;
    }

    .home-mountains {
        background-size: cover;
        background-position: left bottom;
    }
}


/* Language Switcher */

.trp-language-switcher {
    width: auto;
    height: auto;
    z-index: 999;
    background: #fff;
}

.trp-language-switcher > div {
    border: none;
}

.wp-block-columns.equal-height {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.wp-block-columns.equal-height .first-column {
    display: grid;
    height: 100%;
}

.wp-block-embed.small-block iframe {
    max-height: 140px;
}

.wp-block-embed.aligncenter {
    text-align: center;
}

@media only screen and (max-width: 960px) {
    .wp-block-columns.equal-height {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 754px) {

    .wp-block-embed.small-block iframe {
        max-height: none;
    }
}

.wp-block-columns.with-separator .wp-block-column:nth-child(1) {
    border-right: 3px solid var(--wp--preset--color--custom-mint);
}

.wp-block-separator.is-style-wide {
    border-width: 1px;
}

@media only screen and (max-width: 768px) {
    .wp-block-columns.with-separator .wp-block-column:nth-child(1) {
        border-right: none;
    }
}

/* Blog */

ul.wp-block-categories-list.categories-row,
.wp-block-post-terms.categories-row {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}


ul.wp-block-categories-list.categories-row li.cat-item {
    list-style-type: none;
    margin: 5px;
    text-align: center;
}

ul.wp-block-categories-list.categories-row li.cat-item a {
    display: block;
    background: #fff;
    color: #57585A;
    padding: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px;
    border: 1px solid #D1DADA;
    text-decoration: none;
    letter-spacing: 1.04px;
}

ul.wp-block-categories-list.categories-row li.cat-item > a:hover {
    background-color: #11857E;
    color: #fff;
}

.wp-block-post-terms.categories-row a {
    background: #fff;
    color: #57585A;
    padding: 5px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px;
    border: 1px solid #D1DADA;
    text-decoration: none;
    letter-spacing: 1.04px;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-date {
    font-family: 'Karla', sans-serif;
    margin-top: 10px;
}

ul.wp-block-latest-posts.wp-block-latest-posts__list li {
    min-height: 130px;
}

.wp-block-latest-posts__featured-image.alignleft {
    height: 130px;
}

.wp-block-latest-posts__featured-image.alignleft img {
    border-radius: 10px;
}

.post-featured-image img {
    border-radius: 16px;
    max-width: 100%;
    height: auto;
}

.embed-container video {
    max-width: 100%;
    height: auto;
}

/* Details Block */

details summary {
    color: #4eac87;
    padding-bottom: 5px;
}

details p {
    margin-top: 0;
}

/* Footer */

@media only screen and (max-width: 600px) {
    footer .wp-block-navigation {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    footer .wp-block-group {
        justify-content: center;
        text-align: center;
    }

    footer .wp-block-group h3 {
        text-align: center;
    }

    footer .wp-block-group.social-footer {
        justify-content: center;
    }
}