/*
Adding print support. The print styles are based on the the great work of
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
--------------------------------------------------------------*/

@media print {

	
	@page {
		margin: 0;
	}

    button,
    .sticky-header,
    .betterdocs-sidebar,
    .betterdocs-search-form-wrapper,
    .betterdocs-breadcrumb,
    .betterdocs-entry-header,
    .toggeable-text-wrap,
    .betterdocs-entry-footer,
    .footer-widgets,
    .site-footer,
    .calculator__section .button-wrap,
    .calculator__section.calculator__section--form > p,
    #chat-widget-container { display: none !important; }

    .calculator__section.calculator__section--form.active > p { display: block !important; }

    .calculator__section { 
        border-bottom: 0 !important; 
        flex-direction: column !important;
        
    }

    .calculator__section > p {
        font-size: 22px !important;
        width: auto !important;
        margin: 0 auto 20px !important;
    }

    .product-form--total, 
    .product-form,
    .calculator__section--wrap,
    .product-form--total {
        width: 100% !important;
    }

    .calculator__section.calculator__section--two-columns .form-group { width: 50% !important; }

    .betterdocs-single-wrapper.betterdocs-single-layout-5 .betterdocs-content-area { margin-top: 0 !important; }

    .betterdocs-wrapper.betterdocs-fluid-wrapper .betterdocs-content-wrapper { display: block !important; }

    .calculator__section.calculator__section--form { 
        border: 0 !important;        
    }

    .betterdocs-wrapper .calculator__section:not(.calculator__section--form):not(.product-form) { 
        border: 2px solid #CDE3F7 !important; 
        padding: 20px 15px !important;
        border-radius: 5px;
    }

    .calculator__section.calculator__section--form.active { 
        border: 2px solid #CDE3F7 !important;  
        padding: 20px 15px !important;
        border-radius: 5px;
    }

    .calculator-toggle__item { text-decoration: none; }

    .calculator-toggle__item.active {
        border: 2px solid #000;
    }

    .calculator__buttons { display: none; }
}