body { font-family: 'Open Sans'; font-size: 9px; }

.nav-links-mobile,
nav,
.title-box2,
.header-right-mobile,
div.footer-lines,
.copyright1,
.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex,
.footer-left img,
div.menu-footer-container,
.button
.no-print {
    display: none !important;
}

/* Reduce logo size */
.header-left img,
.header-left a img,
img.logo {
    max-width: 150px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
}

/* Move dekasizing.com to top right */
#main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left {
    display: flex;
    align-items: center;
    gap: 0 !important;
}

.header-left .domain {
    position: absolute !important;
    right: 20px;
    top: 20px;
    margin: 0 !important;
    font-size: 10px;
}

table th { font-size: 70%; }
h1 { font-size: 16px; margin-top: 5px; margin-bottom: 5px; line-height: 1.2; }
h2.dark { margin-bottom: 3px; padding-bottom: 3px; font-size: 11px; line-height: auto; text-transform: uppercase; }
h3.dark { font-size: 10px; line-height: normal; margin-top: 3px; margin-bottom: 3px; }

/* Hide the Output heading */
.results-block > h2.dark.mb20,
#results > div > h2.dark.mb20 { 
    display: none !important; 
}

/* Radio buttons - make them display on one line with label to left of button */
.choice-radio {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 3px 0 0 !important;
}

.choice-label {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 15px 0 0 !important;
    border: none !important;
    background: none !important;
    font-size: 9px !important;
    line-height: normal !important;
    font-weight: 700 !important;
}

div.mb20 > div:last-child {
    display: block !important;
}


/* Worksheets styling - keep stacked but compact */
h3.dark.mb20 {
    font-size: 10px !important;
    margin-bottom: 3px !important;
}

ul.mb30 {
    margin-bottom: 8px !important;
    padding-left: 0 !important;
    list-style: none !important;
}

ul.mb30 li {
    display: block !important;
    margin-bottom: 2px !important;
    font-size: 7px !important;
    line-height: 10px !important;
}

ul.mb30 li::before {
    display: none !important;
}

ul.mb30 li a {
    font-size: 7px !important;
    line-height: 10px !important;
}
#ex1 { display: none !important; }
.mb30 { margin-bottom: 8px; }
.mb20 { margin-bottom: 5px !important; }

.copyright2 { margin-top: 10px; font-size: 65%; clear: both; }

/* adjust margins and padding for printing */
.page-break {
    page-break-before: always;
}



/* forms */
.calc-form {
	div.box { display: flex; gap: 30px; margin-bottom: 5px; }
	div.box div.col {
		flex: 1;
		div.split { display: flex; gap: 5px; }
		.thirtythree {
			flex: 33.33%;
			display: block;
		}
		.sixtysix {
			flex: 66.66%;
			display: block;
		}
		div { display: block; }
	}
	input, select { 
		/* border */
		border-color: #CCC;
		border-style: solid;
		border-width: 1px;
		border-radius: 0px;
		/* text */
		font-size: 9px;
		color: #000;
		box-sizing: border-box;
    }
    input {
		/* dimensions */
		padding: 3px;
		height: 22px;
		width: 100%;
		margin-bottom: 3px;	
	}
    select.cate-dropdown { 
        width: 100%;
        padding: 3px;
        height: 22px;
        margin-bottom: 3px;
    }
	input[type="submit"] { display: none; }
	label { font-weight: 700; font-size: 9px; line-height: 18px; }
	#motc-wrap { display: none; }
	div.schedule { display: block; font-size: 7px; }
	div.schedule div.period { float: left; width: 25%; padding-left: 10px; }
	div.schedule div.period.heading { margin-top: 0px; }
	div.schedule div.amps, div.schedule div.minutes { float: left; width: 35%; }
	div.schedule input { font-size: 7px; height: 16px; padding: 2px; }
	div.schedule label { font-size: 7px; line-height: 14px; }

}
.results-block { 
    #results, #results1, #results2, #results3 { 
        min-height: 0;
        .loading { 
            margin: auto;  
            height: 2em; width: 35%; 
        }
        table { width: 100%; border-spacing: 0; font-size: 9px; line-height: normal; font-weight: 400; justify-content: center; align-items: center; }
        td { padding: 3px !important; text-align: center; border-color:#CCC; border-width: 1px; border-style: solid; font-size: 9px; }
        th { text-align: center; font-weight: 700; padding: 3px !important; border: 1px solid #CCC; font-size: 9px; }
        td.table-info { background-color: #CCC; font-weight: 700; }
        .smalltext { font-size: 70%; }
	
    }
	div.col-left { float: left; width: 55%; }
	div.col-right {float: left; width: 45%; clear: right; }
}