table {line-height:1}  
td:hover a,th:hover a {text-decoration:underline;} tr th:first-child img {width:100%;}
td a {color:#111;padding:20px 5px} th a {color:#111;}

tr:nth-child(even), .calc tr:nth-child(odd) { 
 background: #f5f5f5;
 background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f8f8f8));
 background: -moz-linear-gradient(top, #f5f5f5, #f8f8f8);
}

.calc tr:nth-child(even) { 
 background: #fdfdfd;
}


tr:hover, .calc tr:hover {  
 background: #FFE7C1;
 background: -webkit-gradient(linear, left top, left bottom, from(#FFE7C1), to(#FFEFD5));
 background: -moz-linear-gradient(top, #FFE7C1, #FFEFD5);
}  

tr th:first-child {width:14.2%; height:60px;} tr:first-child th,tr:last-child th {padding:5px;font-weight:bold;text-align:center;}
   td {height:60px;margin:0; padding:0; text-align:center; width:14.2%;}


.article_card {margin:30px 0 0 0;}
.article_card img {width: 100%; height: 150px; object-fit: cover;}

.link_regular_text {text-decoration:none; color:rgba(0,0,0,0.87);}
.link_regular_text:hover {text-decoration:none; }
.article_card a {width: 100%}
.article_card:hover {background-color:#f0f0f0} 
.article_card:hover img {opacity:0.8}

.article_card a:nth-of-type(2) {display:block; padding:0 5px; font-size:110%;}
.article_card a:nth-of-type(3) {display:block; padding:0 6px 10px 6px;}
.card_container {padding:0 5px;}


#form_container {padding:0 0 0 30px;}

.btn, .btn-large { font-size:1rem;letter-spacing:1px; 	transition: opacity 0.5s ease; }  
.btn:hover, .btn-large:hover {opacity:0.8} 
.input-field .prefix { top:6px; } 
.input-field .prefix ~ input, .input-field .prefix ~ textarea, 
.input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label,
 .input-field .prefix ~ .autocomplete-content { margin-left:40px} 

.regularcase {text-transform:none; } 

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 

.brand-logo {font-weight:bold}
.breadcrumb:before {margin:0} 
.side-nav a {font-size:1.2rem; height:64px; line-height:64px; padding:0 20px}
   
.side-nav a .material-icons {line-height:64px !important; margin-right:20px !important;}
   



h1 {
  font-size: 40px; font-weight:bold; padding:0 5px;
}


form input {font-size:130%} form button {width:100%;font-size:180% !important;font-weight:bold;text-transform:none !important;}
form h5, #output {margin:0;font-size:1.6rem;line-height:1.3;text-align:center;font-weight:bold}
.input-field label.active {font-size:0.9rem} 
#questions h5 {font-size:1.4rem;margin:30px 0 0 0;color:#000000;}
#questions p {font-size:110%;margin:5px 0 0 0;}

#questions ul {   padding-left: 20px !important; margin:10px 0 0 0;
  }
#questions ul li {padding:0 0 5px 0;list-style-type: square;}

#questions h5 a {color:#000000;}
#questions h5 a:hover {text-decoration:underline}

@media only screen and (min-width: 993px) {
  .container { width: 85%; }    .row .col.l4 { margin-left: 0; } }

@media only screen and (max-width: 993px) {

  #form_container {padding:0;}
  .card_container {padding:0 20px;}
}

@media only screen and (max-width:801px) {

}

@media only screen and (max-width:601px) { 

 .footer-copyright {display:none}  footer .row {margin-bottom: 0;} }

@media only screen and (max-width:500px) { 

  h1 {font-size:36px}

  #questions p {line-height:1.3;}   #questions h5 {font-weight:500;} 
  nav .brand-logo {font-size:1.6rem} }

@media only screen and (max-width:400px) { 
 nav .brand-logo {font-size:1.4rem}

}

@media only screen and (max-width : 825px) {

 .hide-under-825 {display:none;}
}


@media only screen and (max-width : 701px) {  
 .hide-under-700 {display:none;}
}

@media only screen and (max-width : 650px) {

  .hide-under-650 {display:none;} 
}


@media only screen and (max-width : 575px) {

  .hide-under-575 {display:none;}
}

@media only screen and (max-width : 501px) {

  .hide-under-500 {display:none;} 
}

@media only screen and (max-width : 451px) {

  .hide-under-450 {display:none;} 
}

@media only screen and (max-width : 401px) {  
  .hide-under-400 {display:none;} 
}

footer {clear:both}



.pseudoinput input[type=text] {border-bottom:0; height:2rem; margin:0;}

.pseudoinput input[type=text]:focus {
     border-bottom: none !important;
     box-shadow: none !important;
   }

.pseudoinput {
    border: 1px solid #b2b0b0;
    border-radius: 5px;
    width: 150px;
    background-color: white;
}

.calc td {height:60px}