/*
Theme Name:   Voxel (child theme)
Theme URI:    https://getvoxel.io/
Author:       27collective
Author URI:   https://27collective.net/
Template:     voxel
Version:      1.0
Text Domain:  voxel-child
*/

.txt-org{ color: #f99823; }
.txt-white{ color: #ffffff; }
.txt-blue{ color:#092053; }
#header-section{ background:#092053; }
.home #header-section{position: absolute; background:none; }
.elementor-widget-n-tabs .e-n-tabs-heading { margin: 0 0 -12px; }
.home-search-wrap.elementor-widget-n-tabs .e-n-tabs-content { background: rgba(255, 255, 255, .4); border-radius: 20px; padding: 0 0 10px;  }
#header-section.elementor-sticky--effects { background: rgba(9,31,83,.9);}
.elementor-sticky--effects .top-link-wrap{ display: none; }
#header-section.elementor-sticky--effects .header-section-sticky { padding-top: 5px; padding-bottom: 5px; min-height: 58px; }
#header-section.elementor-sticky--effects .header-section-sticky img { width: 200px; }
#header-section.elementor-sticky--effects .header-section-sticky .ts-filter { height: 40px; }
.ts-item-link:hover { border-radius: 8px 8px 0 0 !important; }
.week-txt{ font-size: 16px; line-height: 16px; display: inline-block !important; padding: 7px 0 0; }
.home-feat-wrap .post-feed-nav, .home-dealer-wrap .post-feed-nav { height: auto; width: auto;}
.home-feat-wrap .post-feed-nav li:last-child, .home-dealer-wrap .post-feed-nav li:last-child { margin-left: 10px; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner .caravan-cat-txt p.elementor-heading-title, .home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner .caravan-title-txt h4.elementor-heading-title { color: #5e5e5e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Parent container 
.home-feat-wrap .listing-grid{padding:10px;border-radius:10px;border: 1px solid #bfbfbf;}
.home-feat-wrap .listing-grid .elementor-element img{border-radius:10px !important;}
.home-feat-wrap .listing-grid .elementor-element p.elementor-heading-title strong {display: block; font-weight: 500;color: #5e5e5e; padding: 2px 0 0;}
.home-feat-wrap .listing-grid .elementor-element.e-con-boxed {padding-top: 5px; padding-left: 5px; padding-right: 5px; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner  { display: flex; flex-wrap: wrap; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(4){ width: 50%; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(5){ width: 50%; margin-top: -40px; padding: 0; margin-left: 160px; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(6){border: 1px solid #dedede; border-width: 1px 0;}
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(6) .e-con-inner{ padding-block-end: 0; padding-block-start: 0; } 
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(6) .e-child { padding: 0; margin: 0; border-radius: 0; border: 0; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(6) .e-child .elementor-widget-ts-advanced-list {margin: 0 !important; padding: 0 !important;border-radius: 0 !important;}
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(6) .e-child .elementor-widget-ts-advanced-list .ts-action { margin: 0px 0 0 8px !important; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(7){display:none;}
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(8){ padding: 0; margin: 0; gap: 10px; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(8) .e-child {padding: 0;width: 100%;}
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(8) .e-child .elementor-widget-ts-advanced-list{width: 100%;}
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(8) .e-child .elementor-widget-ts-advanced-list .ts-action .ts-action-con { justify-content: center;     padding: 15px 0; height: auto; width: 100%; border-radius: 10px; color: #fff; background: #092053; border: 0; font-size: 17px; font-weight: 700; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(8) .e-child .elementor-widget-ts-advanced-list .ts-action .ts-action-con:hover { background: #31ffff; color: #092053; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(8) .e-child .elementor-widget-ts-advanced-list .ts-action .ts-action-con .ts-action-icon{display: none;}
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(8) .e-child:first-child .elementor-widget-ts-advanced-list .ts-action .ts-action-con{background: #31ffff;color: #092053; }
.home-feat-wrap .listing-grid.elementor-element.e-con .e-con-boxed.e-con.e-child .e-con-inner div:nth-child(8) .e-child:first-child .elementor-widget-ts-advanced-list .ts-action .ts-action-con:hover{background: #092053; color: #fff;}*/ 

/* Dealership */
.dealer-search-wrap .dealer-search-block { margin: 0 !important; }
.dealer-search-wrap .ts-form .ts-form-group{ width:20% !important; }
.dealer-search-wrap .ts-form-group.ts-form-submit{ width:40% !important; }
.dealer-search-wrap .ts-form-group.ts-form-submit button, .dealer-search-wrap .ts-form-group.ts-form-submit a{ width:50%; }

.side-calculator-wrap #mortgage_calculator { background: none; padding: 0; border-radius: 0; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 5px; }
.side-calculator-wrap #mortgage_calculator .flex-container { display: grid; grid-gap: 5px; }
.side-calculator-wrap #mortgage_calculator .input_field { margin-right: 0; width: 100%; }

.side-calculator-wrap .input_field label { display: block; font-weight: 500; color: #092053; margin-bottom: 2px; font-size: 17px; }
.side-calculator-wrap .input_group { align-items: center; background: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid #bfbfbf; width: 100%; }
.side-calculator-wrap .input_group input { border: none; background: transparent; padding: 15px 10px; width: 100%; outline: none; font-size: 14px; color: #5e5e5e; }
.side-calculator-wrap .input_prefix, .side-calculator-wrap .input_suffix { padding: 16px 19px; color: #5e5e5e; font-weight: 500; font-size: 14px; border-right: 1px solid #bfbfbf; line-height: 14px; }

.side-calculator-wrap #mortgage_calculator .input_field.interest_field, .side-calculator-wrap #mortgage_calculator .input_field.term_field { width: 50%; }
.side-calculator-wrap #mortgage_calculator .input_field.interest_field{padding-right: 3px;}
.side-calculator-wrap #mortgage_calculator .input_field.term_field {margin: -83px 0 0 139px; padding-left: 3px;}
.side-calculator-wrap #mortgage_calculator .input_field.interest_field .interest_input, .side-calculator-wrap #mortgage_calculator .input_field.term_field .term_input{ padding: 15px 0 15px 10px; text-align: center;}

.side-calculator-wrap .input_suffix { border-left: 1px solid #bfbfbf; border-right: 0; margin-left: 0; }
.side-calculator-wrap .input_field.interest_field .input_suffix { padding: 16px 14px 16px 10px; }

.side-calculator-wrap .toggle_label { width: 120px; }
.side-calculator-wrap .toggle_handle { width: 35px; height: 35px; background-color: #31ffff; color: #092053; }
.side-calculator-wrap label.toggle_label { border: 1px solid #bfbfbf; padding: 19.5px; }
.side-calculator-wrap .toggle_text { color: #092053; font-size: 17px; left: 45px; top: 7px; }
.side-calculator-wrap .toggle_input:checked + .toggle_label .toggle_handle { left: calc(100% - 37.5px); }
.side-calculator-wrap .flex-item.end { justify-content: flex-start; align-items: flex-end; }

.side-calculator-wrap .loanResult{text-align: center;}
.side-calculator-wrap span.cal-title { color: #092053; font-family: "Roboto", Sans-serif; font-size: 20px; font-weight: 700; text-align: center; display: block; }
.result-flex-container { text-align: center; width: 100%; border-bottom: 1px solid #bfbfbf; padding: 0 0 15px; margin: 0 0 10px; }
.side-calculator-wrap .result-flex-container .flex-item { margin: 5px; padding: 0; width: 100%; }
.side-calculator-wrap .sm-title { display: block; font-weight: 500; color: #092053; margin-bottom: 2px; font-size: 16px; font-family: "Roboto", Sans-serif; }
.side-calculator-wrap .xl-title { margin-top: 5px; font-weight: 700; color: #0927EB; font-size: 28px; font-family: 'Roboto'; letter-spacing: -.5px; }

@media screen and (max-width: 1024px) {
.side-calculator-wrap #mortgage_calculator .input_field.term_field { margin: -83px 0 0 466px; }
}
@media screen and (max-width: 820px) {
.side-calculator-wrap #mortgage_calculator .input_field.term_field { margin: -80px 0 0 374px; }
}
@media screen and (max-width: 768px) {
.side-calculator-wrap #mortgage_calculator .input_field.term_field { margin: -90px 0 0 349px; }
}
@media screen and (max-width: 767px) {
.home-search-wrap.elementor-widget-n-tabs .e-n-tabs-content { border-radius: 10px;  }
.side-calculator-wrap #mortgage_calculator .input_field.term_field { margin: -90px 0 0 180px; }
/*Carousel*/
.elementor .carousel-wrap .elementor-element {  border-width: 0 !important; --border-top-width: 0 !important; --border-right-width: 0px !important; --border-bottom-width: 0 !important; --border-left-width: 0px !important; }
.carousel-wrap.owl-carousel.owl-theme .owl-nav { display: none; }
.carousel-wrap.owl-carousel.owl-theme .owl-dots { margin: auto; }
.carousel-wrap.owl-carousel.owl-theme .owl-dots .owl-dot span { background: #182E34; opacity: .4; }
.carousel-wrap.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .carousel-wrap.owl-carousel .owl-theme .owl-dots .owl-dot:hover span { background: #062063; opacity: 1; }
.carousel-wrap.nav-dot-while.owl-carousel.owl-theme .owl-dots .owl-dot span { background: #ffffff; opacity: .4; }
.carousel-wrap.nav-dot-while.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .carousel-wrap.owl-carousel .owl-theme .owl-dots .owl-dot:hover span { background: #ffffff; opacity: 1; }
.top-carousel-wrap.owl-carousel.owl-theme .owl-dots .owl-dot span { background: #ffffff; opacity: .4; }
.top-carousel-wrap.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .carousel-wrap.owl-carousel .owl-theme .owl-dots .owl-dot:hover span { background: #ffffff; opacity: 1; }
}