/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 16 2026 | 06:20:21 */
@media screen and (min-width: 1650px) and (max-width: 1920px) {body {zoom: 1;}}
@media screen and (min-width: 1450px) and (max-width: 1650px) {body {zoom: 0.95;}}
@media screen and (min-width: 1250px) and (max-width: 1450px) {body {zoom: 0.9;}}
@media screen and (min-width: 1000px) and (max-width: 1250px) {body {zoom: 0.85;}}





/*------------------------------------------ C O M P U T E R S --------------------------------------------*/
@media screen and (min-width: 1000px) and (max-width: 1650px) {

.home .sidebar {
    position: absolute;
    left: -120%;
    z-index: 999;
}
.sidebar-is-open.home .sidebar {
    left: 20px;
}
.home .main-content {
    width: 100%;
}
	
	
	  
}/*------------------------- T A B L E T S + M O B I L E ---------------------------*/
@media screen and (max-width: 1100px) {
 
header#masthead {
    padding: 15px 10px;
	flex-wrap: wrap;
}
header#masthead .site-branding {
    order: 1;
}
header#masthead .user {
    order: 2;
}
header#masthead .search {
    order: 3;
    width: 100%;
    margin: 10px 0 0;
}
header#masthead .search input {
    height: 45px;
    font-size: 14px;
    background-size: 35px;
}

.page-template-page-new-lead,
.single-lead {
    min-height: 100vh;
	background-color: #F7F6FB;
	background-image: url(/wp-content/uploads/2026/01/clouds_background_mobile.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 150px;
}	
.page-template-page-new-lead header#masthead,
.single-lead header#masthead {
    flex-wrap: wrap;
}
header#masthead .progress-bar-container {
    width: 100%;
    margin: 0;
}
header#masthead .left-side {
    justify-content: space-between;
}
header#masthead img.custom-logo {
    height: 35px;
}
header#masthead .left-side .my-agent-info .agent-name {
    font-size: 14px;
}
header#masthead .left-side .my-agent-info {
    gap: 10px;
    font-size: 12px;
}
header#masthead .left-side .my-agent-info img {
    height: 40px;
}
header#masthead .progress-bar-stats span {
    min-width: unset;
    font-size: 12px;
}

.packages-grid {
    flex-wrap: wrap;
	margin: 0 0 50px;
    padding: 0 20px;
    gap: 10px;
}
.packages-grid .package-card {
    width: 100%;
    padding: 20px;
    border-radius: 20px;
}
.packages-grid .package-card img.package-logo {
    width: 110px;
    height: 40px;
    margin: 0 auto 30px;
}
.packages-grid .package-card .package-price {
    margin: 0 0 7px;
    font-size: 35px;
}
.packages-grid .package-card .package-price-subtitle {
    font-size: 13px;
}
.packages-grid .package-card .package-info {
    margin: 20px 0;
    padding: 15px 0;
    font-size: 12px;
}
.packages-grid .package-card .package-info .package-info-row:nth-child(1) span {
    font-size: 20px;
    letter-spacing: 0.35px;
}
.package-card .package-coverages-header .package-section-title {
    font-size: 18px;
}
.package-card .package-coverages {
    min-height: unset;
}
.package-card .package-coverages-list .package-coverage-item {
    padding: 5px 0;
    font-size: 13px;
}
.package-card .package-actions {
    margin: 20px 0;
}
.package-card .package-actions .btn-package.btn-package--primary {
    height: 50px;
    font-size: 16px;
}
.lead-form-container {
    padding: 35px 20px;
}
.lead-form-container .lead-form-intro .intro-container {
    font-size: 12px;
    gap: 5px;
}
.lead-form-container .lead-form-intro .intro-container svg {
    width: 12px;
    margin: 0 0 -3px;
}
.lead-form-container .lead-form-intro .lead-form-title {
    max-width: 220px;
    margin: 25px auto;
    font-size: 35px;
    line-height: 1;
}
.lead-form-container .form-step .form-row {
    flex-wrap: wrap;
    gap: 0;
}
.lead-form-container .form-step .form-group-half {
    width: 100%;
    margin: 0 0 15px;
}
.lead-form-container label {
    margin: 0 0 5px;
    font-size: 14px;
}
.lead-form-container .insured-ages-row .insured-ages-wrapper .insured-age-item, .lead-form-container .insured-ages-row .insured-ages-wrapper button.btn-add-age {
    width: calc(50% - 5px);
}	
	
	
.home .sidebar {
        left: 0;
        width: 100%;
        padding: 20px 15px 15px;
    }
.sidebar-is-open.home .sidebar {
    left: 20px;
}
.home .main-content {
    width: 100%;
}	
.user-toggle .user-greeting {
    display: none;
}
.user-toggle svg.user-arrow {
    display: none;
}
	
	
.home main {
        flex-wrap: wrap;
        padding: 0 10px;
    }
.home .main-content .top-content {
    flex-wrap: wrap;
}
.home .summary-wrap {
    width: 100%;
    padding: 20px;
    flex-wrap: wrap;
    height: auto;
}
.home .summary-wrap .summary-top {
    flex-wrap: wrap;
    gap: 20px;
}
.home .summary-wrap .summary-top-right {
    width: 100%;
}
.home .summary-wrap .summary-title {
    margin: 0 0 15px;
    font-size: 23px;
    text-align: center;
}
.home .summary-wrap .summary-top-right .amount-summary {
    margin: 0 0 20px;
    font-size: 45px;
    text-align: center;
}
.home .summary-wrap .summary-top-right .summary-status {
    gap: 15px;
    font-size: 14px;
    justify-content: center;
}
.home .summary-wrap .summary-top-right .summary-status .status-badge-count {
    width: 30px;
    height: 30px;
    font-size: 12px;
}
.home .summary-wrap .summary-top-left {
    width: 100%;
    margin: 10px 0 0;
}
.home .summary-wrap .summary-top-left .summary-bar-item {
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 10px;
    font-size: 14px;
    width: 100%;
}
.home .summary-wrap .summary-top-left .summary-bar-item .summary-bar-track {
    width: 100%;
}
.home .summary-wrap .summary-top-left .summary-bar-item .summary-bar-track .summary-bar-fill {
    padding: 7px 10px;
    font-size: 12px;
}
.home .summary-wrap .summary-bottom {
    flex-wrap: wrap;
    gap: 15px;
}
.home .summary-wrap .summary-bottom .summary-period, .home .summary-wrap .summary-bottom .summary-verification {
    width: 100%;
	font-size: 12px;
}
.home .deal-wrap {
    max-width: unset;
    width: 100%;
    height: auto;
}
.top-agents-header {
    display: block;
    text-align: center;
}
.agent-item {
    padding: 7px 0;
    font-size: 13px;
}
.home .deal-wrap .agent-avatar img {
    width: 30px;
    height: 30px;
}
.home .main-content .leads-wrap .leads-header {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0 0 15px;
}
.home .main-content .leads-wrap .leads-header .leads-filter input {
    max-width: 140px;
    font-size: 13px;
}
	
	
.leads-content .list-header {
    position: relative;
    top: 0;
    width: 1200px;
}
.leads-content .list-body {
    width: 1200px;
}
.leads-wrap .leads-header .leads-toggle button {
    width: 150px;
    font-size: 16px;
}
	
	
	


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}/*------------------------------------------ M O B I L E --------------------------------------------*/
@media screen and (max-width: 767px) {

}/*-----S M A L L  M O B I L E -----*/
@media screen and (max-width: 350px) {
  
}