.site-header { }
.site-header {
-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17); -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17); box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
}
.inside-header {
padding: 0px 20px;
} .main-title {
line-height: 2em;
font-weight: 500; }  .main-navigation ul ul {
width: 250px;
} ol, ul { margin: 0 0 1.5em 2em; }
.main-navigation .main-nav ul li a {
padding-left: 20px;
padding-right: 20px;
line-height: 80px;
}
.menu-toggle a {
line-height: 40px;
}
.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
font-weight: 400;
}
@media (max-width: 768px) {
.main-navigation .main-nav ul li a {
padding-left: 20px;
padding-right: 20px;
line-height: 60px;
}
}  .separate-containers .comments-area {
padding-top: 0px;
padding-right: 40px;
padding-bottom: 0px;
padding-left: 40px;
}
.one-container .site-content {
padding: 20px;
}
.one-container.both-right .site-main, .one-container.right-sidebar .site-main {
margin-right: 20px;
}  .content-area { text-align:justify; }
.comments-link { display:none; }
#comments {margin: 0px auto;}
#wpdcom {	 max-width: 1040px;	}
.inside-article li {	margin-bottom:0px;	}
p {	    margin-bottom: 1em;	} .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
margin-top: 1em;
}  .widget-area .widget {
padding-top: 0px;
padding-left: 10px;
padding-right:20px;
padding-bottom:0px;
border-left:10px  red;
}
.widget-title {
margin-bottom: 20px;
font-size: 22px; 
font-weight: 700;
}  .wp-block-toc-block {
background: #4098d7;
background: linear-gradient(45deg,#724BB7 0%,#4098D7 100%);
background-size: cover;
color: #ffffff;
text-align:left;
padding: 1rem;
margin: 0 0rem 2rem;
}
.wp-block-toc-block a {
color: #fff; text-decoration: none
}   .unit-tool-container {
color: #333;	
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
box-sizing: border-box;
} .unit-tool-container input,
.unit-tool-container select {
width:100%;
padding: 6px;
border: 1px solid #ccc;
border-radius: 6px;
box-sizing: border-box;
margin-top: 0px;
background-color: #f9f9f9;
color: #333;
transition: border-color 0.3s ease;
} .unit-tool-container input:focus,
.unit-tool-container select:focus,
.unit-tool-container textarea:focus {
border-color: #0073aa;
outline: none;
} .unit-tool-container table {
width: 100%;
border-collapse: collapse;
background-color: #ffffff;
margin-top: 20px;
margin-bottom: 20px;
box-shadow: 0 0 0px rgba(0,0,0,0.05);
}
.unit-tool-container table th, 
.unit-tool-container table td {
border: 1px solid #ddd;
padding: 12px 12px 12px 12px;
text-align: left;
}  .unit-tool-container .unit-result-box, .unit-tool-container .unit-input-box { padding: 2px;
background-color: #f0f8ff;
border: 2px solid #007acc;
border-radius: 10px;
text-align: center;
font-weight: bold;
color: #003366;
box-sizing: border-box;	
} .unit-tool-container .unit-input-wrapper {
display: flex;
align-items: center; gap: 8px;
}
.unit-search-input {
width: 100%;
padding: 8px 12px;
margin-bottom: 0;
font-size: 14px;
border: 1px solid #ddd;
border-radius: 4px;
}
.unit-option {
padding: 8px 12px;
margin: 2px 0;
cursor: pointer;
transition: all 0.2s;
font-size: 14px;
border-bottom: 1px solid #eee;
}
.unit-option:hover {
background-color: #e9e9e9;
}
.unit-option.active {
background-color: #003049;
color: white;
border-color: #003049;
} .unit-dropdown {
padding: 6px;
border: 2px solid #007acc;
border-radius: 6px;
box-sizing: border-box;
margin-top: 0px;
background-color: #f9f9f9;
color: #333;
transition: border-color 0.3s ease;
} @media (min-width: 769px) {
.unit-options {
max-height: 250px;
overflow-y: auto;
border: 1px solid #eee;
border-top: none;
border-radius: 0 0 4px 4px;
margin-bottom: 10px;
border-radius: 4px;
}
} @media (max-width: 768px) {
.unit-desktop-only {
display: none !important;
}
.unit-tool-container table td {
display: block;
width: 100% !important;
padding: 5px 0;
border: 0px solid #ddd;
}
.unit-tool-container table tr {
display: block;
margin-bottom: 10px;
border: 0px solid #ddd;
} .unit-options {
max-height: 0;
overflow: hidden;
border: none;
background: #f9f9f9;
transition: max-height 0.3s ease;
}
.unit-search-container.active .unit-options {
max-height: 250px;
overflow-y: auto;
border: 1px solid #eee;
border-top: none;
border-radius: 0 0 4px 4px;
margin-bottom: 10px;
}
}
.unit-table-tool-container table {
width: 100%;
border-collapse: collapse;
background-color: #ffffff;
margin-top: 20px;
margin-bottom: 20px;
box-shadow: 0 0 0px rgba(0,0,0,0.05);
}
.unit-inline-container {
display: flex;
align-items: center;
gap: 10px; } .unit-converter-tabs {
display: flex;
margin-bottom: 15px;
border-bottom: 1px solid #003049;
flex-wrap: wrap;
}
.unit-converter-tab {
padding: 5px 7px;
cursor: pointer;
background: #f5f5f5;
margin-right: 5px;
border-radius: 5px 5px 0 0;
border: 1px solid #ddd;
border-bottom: none;
}
.unit-converter-tab.active {
background: #003049;
color: white;
border-color: #003049;
}
.unit-converter-content {
display: none;
}
.unit-converter-content.active {
display: block;
} @media (max-width: 600px) {
.unit-tool-container {	padding: 0px;	}
.unit-tool-container h2 {	font-size: 20px;	}
.unit-tool-container table {    margin-top: 0px;	margin-bottom: 20px;	}
.unit-tool-container table th, 
.unit-tool-container table td {	padding: 8px; }
.unit-tool-container button {	padding: 12px; }
.unit-tool-container .result-box {	margin-top: 0px;	}
.unit-table-tool-container table td {
display: block;
text-align:left;
width: 100% !important;
padding: 5px 0;
border: 0px solid #ddd;
}
}
@media (max-width: 400px) {
.unit-tool-container input,
.unit-tool-container select {	width: 100%;	    }
.unit-tool-container .input-unit-wrapper {		}
.unit-tool-container table td label {	display: block;	 margin-bottom: 4px;	}
.unit-tool-container-cell {	width: 150px;	}
}