/*
Theme Name: Clever Mortgage
Version: 1.0
Tags: blue, gray, google fonts, theme options, custom header, responsive
The CSS, XHTML and design is released under GPL
*/

body{font: normal 15px/1.6 'Poppins'; font-weight: 400; overflow-x: hidden; position: relative; color: #2B2F33;} 
img{max-width: 100%; height: auto;}
a{text-decoration: none; color: #21B9F7;}
a:hover,a:focus{text-decoration: none;}
a,.btn{outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.ul-none,ul.post-categories,.site-footer ul{list-style: none; margin: 0; padding: 0;}
ul.post-categories, ul.post-categories li{display: inline-block;}

/*Format*/
h1,h2,h3,h4,h5{margin-bottom: 15px; font-weight: 700; line-height: 1.4;}
h1{font-size: 42px;}
h2{font-size: 33px; font-weight: 600;}
h3{font-size: 28px; font-weight: 600;}
h4{font-size: 24px; font-weight: 600;}
h5{font-size: 18px; font-weight: 600;}
p{margin-bottom: 20px; /*color: #707478;*/}
.wpcf7 form .wpcf7-response-output{margin: 10px 0;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{background-color: #ffb900; color: #000;}
.cf-spinner{position: relative;}
.cf-spinner .wpcf7-spinner{position: absolute; right: 5px; top: 2px;}
.kc_captcha{text-align: center;}

/*Buttons*/
.btn{padding: 12px 25px; font-size: 14px; font-weight: 600; border-radius: 100px; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center;}
.btn i{margin-left: 8px;}
.btn-primary{background-color: #21B9F7; color: #fff; border: 1px solid #21B9F7 !important;}
.btn-primary:hover,.btn-primary:focus{background-color: #fff; color: #21B9F7;}
.btn-outline{border: 1px solid #21B9F7; color: #21B9F7; background-color: transparent;}
.btn-outline:hover,.btn-outline:focus{color: #fff; background-color: #21B9F7;}
.btn-dark-outline{border: 1px solid #2B2F33; color: #2B2F33; background-color: transparent;}
.btn-dark-outline:hover,.btn-dark-outline:focus{color: #fff; background-color: #2B2F33;}

/*Section*/
.section{padding-top: 120px; padding-bottom: 120px;}
.md-section{padding-top: 90px; padding-bottom: 90px;}
.sm-section{padding-top: 70px; padding-bottom: 70px;}

/*Header*/
.site-header{background-color: #fff; padding: 10px 0; position: sticky; top: 0; transition: .3s ease; z-index: 999;}
.navbar-brand{max-width: 300px;}
.navbar-expand-lg .navbar-nav .nav-link{color: #2B2F33; padding-left: 12px; padding-right: 12px; text-align: center;}
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav > li:hover > a,
.navbar-expand-lg .navbar-nav .current-menu-item > .nav-link,
.head-social a:hover{color: #21B9F7;}
.head-social{display: flex;}
.head-social a{width: 20px; height: 28px; color: #2B2F33; font-size: 20px; margin-left: 13px;}
.search-btn{font-size: 20px; color: #585b5e; width: 30px;}

/*DropDown*/
@media only screen and (min-width : 990px) {
	.navbar-nav > li > .dropdown-menu{display: block; padding: 15px; background-color: #21B9F7; transition: ease-out 0.30s; margin-left: 10px; left: 0;  opacity: 0; visibility: hidden; width: 250px; border: 0; border-radius: 0; box-shadow: 0 0 10px rgba(0,0,0,.15);}
	.navbar-nav > li > .dropdown-menu::before{width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #21B9F7; content: ''; left: 30px; top: -8px; position: absolute;}
	.dropdown:hover .dropdown-menu{margin-left: 0; opacity: 1; visibility: visible;}
	.dropdown .dropdown-menu li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,.3);}
	.dropdown .dropdown-menu a{color: #fff; padding: 8px 6px; font-size: 15px;}
	.dropdown .dropdown-menu a:hover{color: #000;}
}

/*Smaller*/
.site-header.smaller{box-shadow: 0 0 15px rgba(0,0,0,.1); padding: 5px 0;}

/*Footer*/
.site-footer{background-color: #2B2F33; font-size: 14px;}
.site-footer a:not(.btn){color: #fff;}
.site-footer a:not(.btn):hover{opacity: .7}
.foot1 h3,
.foot2 h4{font-weight: 600;}
.newsletter-form .input{background-color: #fff; border-radius: 100px; overflow: hidden; padding-left: 20px; display: flex; align-items: center; margin-bottom: 15px; position: relative;}
.newsletter-form .input input{border: 0; padding: 12px 15px; width: 100%; box-shadow: none; outline: none;}
.newsletter-form .input .wpcf7-form-control-wrap{width: 100%;}
.newsletter-form .input .ico{color: #2B2F33; font-size: 18px;}
.newsletter-form .wpcf7-spinner{position: absolute; right: 0; top: 0;}
.newsletter-form .wpcf7-not-valid-tip{position: absolute; left: 2px; top: 0; text-indent: 70px; white-space: nowrap; width: 25px;  height: 25px; overflow: hidden;}
.newsletter-form .wpcf7-not-valid-tip::before{content: '×'; color: red; font-weight: 700; text-indent: 0; position: absolute; left: 0;}
.foot2{border-top: 1px solid #595959;}
.flogo{max-width: 250px;}
.foot2 h4{font-size: 20px;}
.foot2 ul li{margin-bottom: 10px;}
.foot2 p{color: #fff;}
.site-footer .social-media a{display: inline-flex; align-items: center; justify-content: center; margin: 0 15px 15px 0; background-color: #fff; width: 45px; height: 45px; border: 1px solid #fff; color: #2B2F33; border-radius: 50px; font-size: 22px;}
.site-footer .social-media a:hover{background-color: transparent; color: #fff; opacity: 1;}
.foot3{background-color: #393D41; padding: 35px 0;}

.validation_message.gfield_validation_message{background-color: #c02b0a; color: #fff !important; padding: 5px 10px; border-radius: 3px; font-size: 12px !important;}

.gform_wrapper.newsletterForm_wrapper .newsletterForm .gform_fields{gap: 10px;}
.gform_wrapper.newsletterForm_wrapper .newsletterForm .ginput_container_text,
.gform_wrapper.newsletterForm_wrapper .newsletterForm .ginput_container_email{padding: 3px 15px 3px 40px; border-radius: 50px; background-color: #fff; position: relative;}
.gform_wrapper.newsletterForm_wrapper .newsletterForm .ginput_container_text::before,
.gform_wrapper.newsletterForm_wrapper .newsletterForm .ginput_container_email::before{content: "\f007"; font-family: 'Font Awesome 6 Free'; color: #000; position: absolute; font-size: 18px; left: 20px; top: 12px;}
.gform_wrapper.newsletterForm_wrapper .newsletterForm .ginput_container_email::before{content: "\f0e0";}
.gform_wrapper.newsletterForm_wrapper .newsletterForm .ginput_container input{border: 0; box-shadow: none; outline: none;}
.gform_wrapper.newsletterForm_wrapper .newsletterForm div.gfield--type-submit input.gform-button.button{background-color: #21B9F7; border-radius: 50px; font-weight: 600;}
.gform_wrapper.newsletterForm_wrapper .newsletterForm .ginput_recaptcha > div{transform: scale(0.6); -webkit-transform: scale(0.6); transform-origin: 0 0; -webkit-transform-origin: 0 0; margin-bottom: -32px; left: 20%; position: relative;}

/*Home*/
.hero-section{background-color: #EEF5F9; padding: 50px 0 100px;}
.hero-section .container{max-width: 1020px;}

.hero-form .newsletter-form{display: flex;}
.hero-form .newsletter-form .input{margin: 0 3px; width: 100%;}

.search-field .is-search-form .is-search-input{border: 0 !important; border-radius: 100px; padding: 15px 30px 15px 50px; height: auto; box-shadow: 0 13px 44px #D4E9F1B5;}
.search-field .is-search-form .is-search-submit{position: absolute; left: 37px; top: 3px; border: 0 !important; height: 100%; width: 25px;}
.search-field .is-search-form .is-search-icon{border: 0; background-color: transparent; background: url(../img/search-ico.svg) 0 0 no-repeat; background-size: 60%; height: 28px;}
.search-field .is-search-form .is-search-icon svg{display: none;}

.home-slider-section{margin-top: -60px; position: relative;}
.home-mainslider{padding: 50px; background-color: #fff;}
.home-mainslider .slick-arrow{position: absolute; width: 40px; height: 40px; opacity: .2; border: 0; overflow: hidden; text-indent: -3333px; background-color: #fff; z-index: 99; color: #000; border-radius: 100px; top: 50%; margin-top: -20px; outline: none;
}
.home-mainslider .slick-arrow::before{background: url(../img/right-arrow.svg) 0 0 no-repeat; background-size: 100%; content: ''; position: absolute; left: 0; width: 100%; height: 100%; top: 0;}
.home-mainslider .slick-arrow.slick-next{right: -50px;}
.home-mainslider .slick-arrow.slick-prev{transform: scaleX(-1); left: -50px;}
.home-mainslider .slick-arrow.slick-disabled{opacity: .1;}

.corner-img-section .img-cont{min-height: 250px; background: center center no-repeat #eaeaea; background-size: cover;}
.corner-img-section .content p:last-child{margin-bottom: 0;}

.sm-post-card{display: flex; align-items: center; padding: 5px 15px 5px 5px;}
.sm-post-card .img{width: 148px; height: 129px; flex-shrink: 0; overflow: hidden; margin-right: 20px;}
.sm-post-card .img img{width: 100%; height: 100%; object-fit: cover;}
.sm-post-card .cont p{color: #21B9F7;}
.sm-post-card .cont h5{font-size: 17px; font-weight: 600; color: #2B2F33;}
.sm-post-card:hover{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.05);}

.article-card{background-color: #F8F8F8; transition: .3s ease; height: 100%;}
.article-card .thumb{display: block; height: 260px; width: 100%; overflow: hidden;}
.article-card .thumb img{width: 100%; height: 100%; object-fit: cover;}
.article-card .cont{padding: 35px;}
.article-card .cont h3{font-size: 23px; font-weight: 600;}
.article-card:hover{transform: scale(1.04); box-shadow: 0 0 20px rgba(0,0,0,.1);}

.codex-load-more.btn{margin: 35px auto 0; display: block; width: 240px;}
.codex-load-more.btn.cxc-disabled{opacity: .3;}

/*Archive*/
.page-title-section{background-color: #EEF5F9;}
/*Pagination*/
.wp-paginate{margin-top: 25px;}
.wp-paginate .page-numbers{margin: 0 3px; display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; padding: 3px; color: #21B9F7; background-color: transparent; border: 1px solid #21B9F7; border-radius: 50px; overflow: hidden;}
.wp-paginate .page-numbers:hover,
.wp-paginate .page-numbers.current{background-color: #21B9F7; color: #fff;}
.wp-paginate .page-numbers.prev,
.wp-paginate .page-numbers.next{text-indent: -555px;}
.wp-paginate .page-numbers.prev:before{content: '«'; text-indent: 0;}
.wp-paginate .page-numbers.next:before{content: '»'; text-indent: 0;}

/*Single*/
.bc-sec{background-color: #EEF5F9; padding: 10px 0; font-size: 13px; color: #747b8e;}
.single-title-section{background: #ddd center center no-repeat; background-size: cover; position: relative;}
.single-title-section::before{background-color: #000; opacity: .3; position: absolute; width: 100%; height: 100%; content: ''; left: 0; top: 0; z-index: 11;}
.single-title-section .container{position: relative; z-index: 22;}
.single-content-section{font-size: 17px;}
.single-content-section p{color: #2B2F33;}
.single-title-section .main-image{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; z-index: 10;}
/*Sidebar*/
.post-sidebar .wp-block-heading{background-color: #21B9F7; color: #fff; text-align: center; font-size: 22px; font-weight: 600; padding: 10px 20px; margin-bottom: 0;}
.post-sidebar .widget_recent_entries{background-color: #F8F8F8; padding: 20px 15px; margin-bottom: 20px;}
.post-sidebar .widget_recent_entries ul{margin-bottom: 0;}
.post-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li{margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; padding: 5px; transition: .3s ease;}
.post-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li:hover{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.05);}
.post-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li:last-child{margin-bottom: 0;}
.post-sidebar .wp-block-latest-posts__featured-image{width: 110px; height: 100px; overflow: hidden; flex-shrink: 0;}
.post-sidebar .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-title{font-size: 14px; color: #2B2F33; font-weight: 600; flex: 1;}
.post-sidebar .sb-form-wrap{background-color: #ECF1F7; padding: 20px; font-size: 14px;}
.post-sidebar .sb-form-wrap .gform_fields{gap: 15px;}
.only-zip-code .ginput_container .address_zip{inline-size: 100%;}
.post-sidebar .sb-form-wrap .gform_fields input,
.post-sidebar .sb-form-wrap .gform_fields .textarea{border: 0; border-radius: 50px; padding: 10px 20px;}
.post-sidebar .sb-form-wrap .gform_fields .textarea{border-radius: 20px;}
.post-sidebar .sb-form-wrap .gform_wrapper div.gform_footer input.gform_button.button,
.gform_wrapper.cform_wrapper .cform div.gform_footer input.gform_button.button{background-color: #21B9F7; width: 100%; border-radius: 50px; font-size: 14px; font-weight: 600; padding: 12px 25px;}
.ginput_recaptcha > div{margin: auto;}
.post-sidebar .sb-form-wrap .gform_wrapper .ginput_recaptcha > div{transform: scale(0.88); -webkit-transform: scale(0.88); transform-origin: 0 0; -webkit-transform-origin: 0 0; margin-bottom: -24px;}}
/*Form*/
.post-sidebar .wp-block-contact-form-7-contact-form-selector{background-color: #ECF1F7; padding: 20px; font-size: 14px;}
.post-sidebar .wp-block-contact-form-7-contact-form-selector p{color: #797F85;}
.post-sidebar .form-control{border: 0; border-radius: 30px; padding: 10px 20px; font-size: 15px;}
.post-sidebar .form-control::placeholder{opacity: .8;}
.post-sidebar .captcha-image,
.cform .captcha-image{border: 0; width: 100%;}
.post-sidebar .captcha-image label,
.cform .captcha-image label{width: 50px;}
.post-sidebar .captcha-image svg,
.cform .captcha-image svg{width: 40px; height: 40px;}

.gform_wrapper.cform_wrapper .cform .gform_fields{gap: 15px;}
.gform_wrapper.cform_wrapper .cform .gform_fields input,
.gform_wrapper.cform_wrapper .cform .gform_fields .textarea{background-color: #f0f0f0; padding: 10px 15px; border: 0; box-shadow: none; font-size: 16px; height: auto; line-height: 25px;}
.gform_wrapper.cform_wrapper .cform .gform_fields .textarea{max-height: 120px;}
.gform_wrapper.cform_wrapper .cform div.gform_footer input.gform_button.button{max-width: 200px; margin: auto;}
.gform-theme--framework ::placeholder{opacity: .6;}

/*Share*/
.social-sharing{background-color: #ECF1F7; padding: 20px 25px; display: flex; align-items: center; justify-content: space-between;}
.social-sharing p{font-size: 20px; font-weight: 500; margin-bottom: 0;}
.social a{display: inline-flex; width: 45px; height: 45px; margin-bottom: 5px; background-color: #0baf4d; color: #fff; align-items: center; justify-content: center; border-radius: 100px; font-size: 24px; vertical-align: top;}
.social a.fb{background-color: #2256cc;}
.social a.insta{background-color: #ba24aa; background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.social a.tw{background-color: #0b8fe0;}
.social a.in{background-color: #0F679E;}
.social a.em{background-color: #EDB142;}
.social a.pin{background-color: #a60000;}
.social a:hover{transform: scale(1.05);}

.related-post .post-entry{font-size: 15px;}
.related-post .thumbnail{height: 200px; overflow: hidden;}
.related-post .thumbnail img{width: 100%; height: 100%; object-fit: cover;}

.author_bio_section{background-color: #f4f4f4; padding: 25px; font-size: 15px; margin-top: 40px;}
.author_bio_section .author_details{display: flex; flex-wrap: wrap;}
.author_bio_section .author_details .author-img{width: 90px; height: 90px; display: inline-block; border-radius: 100%; overflow: hidden;}
.author_bio_section .author-content-wrap{width: calc(100% - 90px); padding-left: 20px;}
.author_bio_section .author-content-wrap h4{margin-bottom: 6px; font-size: 20px;}
.author_bio_section .author-content-wrap p:last-child{margin-bottom: 0;}
.author_bio_section .author-content-wrap .social a{width: 40px; height: 40px;}

/* Comments */
#respond{border-top: 1px solid #e4e4e4; margin-top: 25px; padding-top: 25px; font-size: 15px;}
.comment-form textarea, .comment-form input {border:1px solid #e4e4e4;}
.comment-form textarea {width:100%;}
.comment-list, .children{list-style:none;}
ul.children {list-style:none;padding-left:0px; margin-left:0px;}
.comment-wrap { border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 50px; position:relative; }
.comment-wrap .comments-title{padding-top:60px;}
.comment-wrap .comment-img { float: left; margin-right: 20px; padding-bottom:25px;}
.comment-author {text-align:left;}
.comment-reply {position:absolute;top:0px;right:0px;font-style:italic; padding:5px 5px;background:#f5f5f5;}
.comment-author,.comment-author a{font-size: 14px;text-transform: uppercase; letter-spacing: 2px;margin-bottom:2px;}
.comment-date{font-size: 10px;text-transform: uppercase; letter-spacing: 2px;font-style:italic;display:block;padding-bottom:7px;}
.depth-2 .comment-wrap {padding-left:30px;}
.depth-3 .comment-wrap {padding-left:60px;}
.depth-4 .comment-wrap {padding-left:90px;}
.depth-5 .comment-wrap {padding-left:120px;}
.depth-6 .comment-wrap {padding-left:150px;}
.depth-7 .comment-wrap {padding-left:180px;}
.depth-8 .comment-wrap {padding-left:210px;}
.depth-9 .comment-wrap {padding-left:240px;}
.depth-10 .comment-wrap {padding-left:270px;}
#commentform #comment,#commentform #author,#commentform #email,#commentform #url{display:block;width:100%;}
#commentform input[type="submit"]{display:inline-block;padding:8px 15px;border:1px solid #e4e4e4;font-size: 10px;text-transform: uppercase;letter-spacing: 3px;background: #fff;margin-top:15px;color:#000;}
#commentform input[type="submit"]:hover {background: #e2fcff;}
.title-line{border-top: 1px dotted #ccc;display: block;max-width: 30%;margin: 0 auto 25px;}

.cform .form-control{background-color: #f0f0f0; padding: 10px 15px; border: 0;}
.cform .btn{max-width: 200px; width: 100%;}

/*Responsive*/
@media (max-width:1200px){
	.navbar-brand{max-width: 240px;}
	.navbar-expand-lg .navbar-nav .nav-link{padding-left: 10px; padding-right: 10px;}
}
@media (max-width:991px){
	.section{padding-top: 90px !important; padding-bottom: 90px !important;}
	.md-section{padding-top: 60px !important; padding-bottom: 60px !important;} 
	.sm-section{padding-top: 40px !important; padding-bottom: 40px !important;}

	h1{font-size: 35px;}
	h2{font-size: 28px;}
	h3{font-size: 24px;}
	h4{font-size: 20px;}
	h5{font-size: 17px;}

	.navbar-brand{margin-right: 0;}
	
	.hero-form .newsletter-form{display: block;}
	.hero-form .newsletter-form .input:first-child{margin-bottom: 9px;}

	/*Mobile Menu*/
	.navbar-toggler{padding: 0; border: 0; outline: none; box-shadow: none !important; color: #21B9F7; font-size: 22px; width: 30px; text-align: right;}
	.navbar-toggler.collapsed{color: #2B2F33;}
	.navbar-toggler .fa-xmark,
	.navbar-toggler.collapsed .fa-bars{display: block;}
	.navbar-toggler.collapsed .fa-xmark,
	.navbar-toggler .fa-bars{display: none;}
	.navbarMain .navbar-nav{position: relative; padding: 20px 0 10px; margin-top: 10px;}
	.navbarMain .navbar-nav::before{width: 100%; height: 2px; background-color: #21B9F7; content: ''; position: absolute; left: 0; top: 0;}
	.navbar-nav li:not(:last-child){border-bottom: 1px solid #ddd;}
	.navbar-expand-lg .navbar-nav .nav-link{text-align: left;}
	.navbar-nav > li > .dropdown-menu{border: 0; padding: 0 20px 0px 20px; border-radius: 0; border-top: 1px solid #ddd;}
	.navbar-nav .nav-link.show{color: #21B9F7;}
	.dropdown .dropdown-menu a{padding: 8px 6px 8px 0; font-size: 15px; display: flex;
align-items: center; border-left: 1px solid #ddd;}
	.dropdown .dropdown-menu a::before{content: ''; width: 10px; height: 1px; background-color: #ddd; margin-right: 10px; display: inline-block;}

	.foot2 .cl{margin-bottom: 25px;}
	
	.home-mainslider .slick-arrow.slick-prev{left: -30px;}
	.home-mainslider .slick-arrow.slick-next{right: -30px;}
	
	.social-sharing{display: block; text-align: center;}
	.social-sharing p{font-size: 15px; margin-bottom: 15px;}
}
	
@media (max-width:767px){
	.section{padding-top: 60px !important; padding-bottom: 60px !important;}
	.md-section{padding-top: 40px !important; padding-bottom: 40px !important;}
	.sm-section{padding-top: 30px !important; padding-bottom: 30px !important;}

	h1{font-size: 30px;}
	h2{font-size: 24px;}
	h3{font-size: 22px;}
	h4{font-size: 19px;}
	h5{font-size: 16px;}

	.navbar-brand{max-width: 200px;}
	
	.home-mainslider{padding: 30px;}
	.home-mainslider .slick-arrow{width: 30px; height: 30px;}
	.home-mainslider .slick-arrow.slick-prev{left: -10px;}
	.home-mainslider .slick-arrow.slick-next{right: -10px;}
	
	.author_bio_section{padding: 15px;}
	.author_bio_section .author_details{display: block; text-align: center;}
	.author_bio_section .author-content-wrap{width: 100%; padding-left: 0;}
}
@media (max-width:600px){
	#wpadminbar{top: -46px !important;}
	.gform_wrapper.newsletterForm_wrapper .newsletterForm .ginput_recaptcha > div{transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: 0 0; -webkit-transform-origin: 0 0; margin-bottom: -16px; left: 10%;}
}