/*
Theme Name:     Themia-Lite-Child
Description:    
Author:         Christina White
Template:       themia-lite

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


body {
    font-size: 16px;
    font-family: Arial, sans-serif;
    color: #black;
}

p {
  text-shadow: none !important;
  font-size: 16px !important;
  font-family: Arial, sans-serif;
}

a {color: #da1f3c !important;}

a:hover {color: grey !important;}

a:active {color: #da1f3c;}

h1 {color: #da1f3c !important;}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, sans-serif !important;
    font-weight: 600 !important;
    line-height: 22px !important;
}

ul li {
    font-size: 16px;
     font-family: Arial, sans-serif;
    margin-bottom: 15px;
    line-height: 20px;}

.content_wrapper .side_content .post .post_info li.postedin a {
    color: #9e1a00;
}





#commentform a {color: #9e1a00 !important;}

.read_more {color: #9e0002;}

hr.thickline {
    border: 3px solid lightgrey;
    margin: 40px 0;
}


.container_24 .grid_18 {
  width: 710px;
  margin-top: 20px !important;
}


.footer_bg {
    background:url(http://esdimetrology.com/w/wp-content/themes/themia-lite-child/images/footer-bg-2.png) repeat-x top #414141 !important;	
}

.footer_wrapper {padding-top: 0px !important;}

.bigshadow {margin-bottom: 60px !important;}

.fullwidth {padding-bottom: 50px !important; margin-top: 30px !important;}

a.showmore {
  display: block;
  font-size: 18px !important;
  font-weight: bold;
  height: 30px;
  line-height: 20px;
}

.btn {
  background: #d60004;
  background-image: -webkit-linear-gradient(top, #d60004, #9e0002);
  background-image: -moz-linear-gradient(top, #d60004, #9e0002);
  background-image: -ms-linear-gradient(top, #d60004, #9e0002);
  background-image: -o-linear-gradient(top, #d60004, #9e0002);
  background-image: linear-gradient(to bottom, #d60004, #9e0002);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 14px !important;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
}

.btn:hover {
  background: grey;
  text-decoration: none;
  color: #ffffff !important;
}

.lght-grey-bgd {background: #e5e5e5;}

hr.redline {border: 2px solid #da1f3c;}

hr.greyline {border: 2px solid #444444;}

.txt-red {color: #da1f3c}

.footer_line .copyright {
    display: none;
}


/*helper classes*/
.flex {width:100%;}
.inline{display:inline-block;}
.block {display: block;}
.p-l {float:left;}
.p-r {float:right;}
.p-c {margin:auto;}
.txt-c {text-align:center !important;}
.txt-r {text-align:right;}
.txt-l {text-align:left;}
.txt-wht {color:white;}
.pad-0 {padding:0;}
.pad-5px {padding:5px;}
.pad-10px {padding:10px;}
.pad-20px {padding:20px;}
.pad-30px {padding:30px;}
.pad-40px {padding:40px;}
.pad-50px {padding:50px;}
.pad-r-10px {padding-right:10px;}
.pad-r-20px {padding-right:20px;}
.pad-r-30px {padding-right:30px;}
.pad-r-40px {padding-right:40px;}
.pad-r-50px {padding-right:50px;}
.pad-r-75px {padding-right:75px;}
.pad-l-10px {padding-left:10px;}
.pad-l-20px {padding-left:20px;}
.pad-l-30px {padding-left:30px;}
.pad-l-40px {padding-left:40px;}
.pad-l-50px {padding-left:50px;}
.pad-l-75px {padding-left:75px;}
.pad-s-5px {padding-right:5px;padding-left:5px;}
.pad-s-10px {padding-right:10px;padding-left:10px;}
.pad-s-20px {padding-right:20px;padding-left:20px;}
.pad-s-30px {padding-right:30px;padding-left:30px;}
.pad-s-40px {padding-right:40px;padding-left:40px;}
.pad-s-50px {padding-right:50px;padding-left:50px;}
.pad-t-5px {padding-top:5px;}
.pad-t-10px {padding-top:10px;}
.pad-t-20px {padding-top:20px;}
.pad-t-30px {padding-top:30px;}
.pad-t-40px {padding-top:40px;}
.pad-t-50px {padding-top:50px;}
.pad-t-75px {padding-top:75px;}
.pad-b-10px {padding-bottom:10px;}
.pad-b-20px {padding-bottom:20px;}
.pad-b-30px {padding-bottom:30px;}
.pad-b-40px {padding-bottom:40px;}
.pad-b-50px {padding-bottom:50px;}
.pad-b-75px {padding-bottom:75px;}
.pad-b-100px {padding-bottom:100px;}
.pad-tb-10px {padding-top:10px;padding-bottom:10px;}
.pad-tb-20px {padding-top:20px;padding-bottom:20px;}
.pad-tb-30px {padding-top:30px;padding-bottom:30px;}
.pad-tb-40px {padding-top:40px;padding-bottom:40px;}
.pad-tb-50px {padding-top:50px;padding-bottom:50px;}
.pad-tb-75px {padding-top:75px;padding-bottom:75px;}
.marg-r-10px {margin-right:10px;}
.marg-r-20px {margin-right:20px;}
.marg-r-30px {margin-right:30px;}
.marg-r-40px {margin-right:40px;}
.marg-r-50px {margin-right:50px;}
.marg-l-10px {margin-left:10px;}
.marg-l-20px {margin-left:20px;}
.marg-l-30px {margin-left:30px;}
.marg-l-40px {margin-left:40px;}
.marg-l-50px {margin-left:50px;}
.marg-b-10px{margin-bottom:10px}
.marg-b-20px{margin-bottom:20px}
.marg-b-30px{margin-bottom:30px}
.marg-b-50px{margin-bottom:50px}
.marg-b-75px{margin-bottom:75px}
.marg-b-100px{margin-bottom:100px}
.marg-t-10px {margin-top:10px;}
.marg-t-20px {margin-top:20px;}
.marg-t-30px {margin-top:30px;}
.marg-t-40px {margin-top:40px;}
.marg-t-50px {margin-top:50px;}
.marg-t-b-0 {margin:0;}
.marg-tb-10px {margin-top:10px;margin-bottom:10px;}
.marg-tb-20px {margin-top:20px;margin-bottom:20px;}
.marg-tb-30px {margin-top:30px;margin-bottom:30px;}
.marg-tb-40px {margin-top:40px;margin-bottom:40px;}
.marg-tb-50px {margin-top:50px;margin-bottom:50px;}
.marg-tb-75px {margin-top:75px;margin-bottom:75px;}
.marg-tb-100px {margin-top:100px;margin-bottom:100px;}


/* ==========================================================================
   =GRID
   ========================================================================== */

.stack {
  /* A set of grid items must be in a stack.
  Use sympl-stack when you want a margin at the bottom */
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }

.stack-sympl {
  padding-bottom: 1.5em;
}

.stack-clean {
  padding-bottom: 0;
  padding-top: 1.5em;
}

.stack-clean .sympl {
  padding-bottom: 1.5em;
}

.sympl {
  /* Each grid item should have the sympl class, along with at least one class for size */
  float: left;
  padding: 0 0 0 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.stack:before,
.stack:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.stack:after {
  clear: both;
}

.col-1-2, .col-2-4, .col-3-6 {width: 50%;}
.col-1-3, .col-3-6 {width: 33.333333%;}
.col-2-3, .col-4-6 {width: 66.666666%;}
.col-1-4 {width: 25%;}
.col-3-4 {width: 75%;}
.col-1-5 {width: 20%;}
.col-2-5 {width: 40%;}
.col-3-5 {width: 60%;}
.col-4-5 {width: 80%;}
.col-1-6 {width: 16.666666%;}
.col-5-6 {width: 83.333333%;}


/* L stands for large. L styles get triggered at 60em, that is, 960px */
@media (max-width: 80em) {
  .l-full {width: 100%;}
  .l-1-2, .l-2-4, .l-3-6 {width: 50%;}
  .l-1-3, .l-2-6 {width: 33.333333%;}
  .l-2-3, .l-4-5 {width: 66.666666%;}
  .l-1-4 {width: 25%;}
  .l-3-4 {width: 75%;}
  .l-1-5 {width: 20%;}
  .l-2-5 {width: 40%;}
  .l-3-5 {width: 60%;}
  .l-4-5 {width: 80%;}
  .l-1-6 {width: 16.666666%;}
  .l-5-6 {width: 83.333333%;}
  .hide-l-and-below {display: none;visibility: hidden;}
  .show-l-and-below {display: block;visibility: visible;}
  .l-pad-s-0 {padding-right:0;padding-left:0;}
  .l-pad-s-10px {padding-right:10px;padding-left:10px;}
  .l-pad-s-20px {padding-right:20px;padding-left:20px;}
  .l-pad-s-30px {padding-right:30px;padding-left:30px;}
  .l-pad-s-50px {padding-right:50px;padding-left:50px;}
  .l-pad-s-75px {padding-right:75px;padding-left:75px;}
}
@media (max-width: 60em) and (min-width: 45em) {
  .hide-on-l {display: none;visibility: hidden;}
.show-on-l {display: block;visibility: visible;}
}
/* M stands for medium. M styles get triggered at 49em, that is, 780px */
@media (max-width: 50em) {
  .m-full {width: 100%;}
  .m-1-2, .m-2-4 {width: 50%;}
  .m-1-3 {width: 33.333333%;}
  .m-2-3 {width: 66.666666%;}
  .m-1-4 {width: 25%;}
  .m-3-4 {width: 75%;}
  .hide-m-and-below {display: none;visibility: hidden;}
  .show-m-and-below {display: block;visibility: visible;}
  .m-pad-0 {padding:0;}
  .m-pad-5px {padding:5px;}
  .m-pad-10px {padding:10px;}
  .m-pad-20px {padding:20px;}
  .m-pad-30px {padding:30px;}
  .m-pad-40px {padding:40px;}
  .m-pad-50px {padding:50px;}
  .m-pad-r-0 {padding-right:0;}
  .m-pad-r-10px {padding-right:10px;}
  .m-pad-r-20px {padding-right:20px;}
  .m-pad-r-30px {padding-right:30px;}
  .m-pad-r-40px {padding-right:40px;}
  .m-pad-r-50px {padding-right:50px;}
  .m-pad-l-0px {padding-left:0;}
  .m-pad-l-10px {padding-left:10px;}
  .m-pad-l-20px {padding-left:20px;}
  .m-pad-l-30px {padding-left:30px;}
  .m-pad-l-40px {padding-left:40px;}
  .m-pad-l-50px {padding-left:50px;}
  .m-pad-s-0 {padding-right:0;padding-left:0;}
  .m-pad-s-10px {padding-right:10px;padding-left:10px;}
  .m-pad-s-20px {padding-right:20px;padding-left:20px;}
  .m-pad-s-30px {padding-right:30px;padding-left:30px;}
  .m-pad-t-0 {padding-top:0;}
  .m-pad-t-10px {padding-top:10px;}
  .m-pad-t-20px {padding-top:20px;}
  .m-pad-t-30px {padding-top:30px;}
  .m-pad-t-40px {padding-top:40px;}
  .m-pad-b-0 {padding-bottom:0;}
  .m-pad-b-10px {padding-bottom:10px;}
  .m-pad-b-20px {padding-bottom:20px;}
  .m-pad-b-30px {padding-bottom:30px;}
  .m-pad-b-40px {padding-bottom:40px;}
  .m-pad-tb-0 {padding-top:0;padding-bottom:0;}
  .m-pad-tb-10px {padding-top:10px;padding-bottom:10px;}
  .m-pad-tb-20px {padding-top:20px;padding-bottom:20px;}
  .m-marg-tb-30px {padding-top:30px;padding-bottom:30px;}
  .m-marg-tb-40px {padding-top:40px;padding-bottom:40px;}
  .m-marg-tb-50px {padding-top:50px;padding-bottom:50px;}
  .m-marg-t-0 {margin-top:0;}
  .m-marg-t-10px {margin-top:10px;}
  .m-marg-t-20px {margin-top:20px;}
  .m-marg-t-30px {margin-top:30px;}
  .m-marg-t-40px {margin-top:40px;}
  .m-marg-b-0 {margin-bottom:0;}
  .m-marg-b-10px {margin-bottom:10px;}
  .m-marg-b-20px {margin-bottom:20px;}
  .m-marg-b-30px {margin-bottom:30px;}
  .m-marg-b-40px {margin-bottom:40px;}
  .m-marg-tb-0 {margin-top:0;margin-bottom:0;}
  .m-marg-tb-10px {margin-top:10px;margin-bottom:10px;}
  .m-marg-tb-20px {margin-top:20px;margin-bottom:20px;}
  .m-marg-tb-30px {margin-top:30px;margin-bottom:30px;}
  .m-marg-tb-40px {margin-top:40px;margin-bottom:40px;}
  .m-marg-tb-50px {margin-top:50px;margin-bottom:50px;}
}
}

@media (max-width: 45em) and (min-width: 30em) {
  .hide-on-m {display: none;visibility: hidden;}
  .show-on-m {display: block;visibility: visible;}
}


/* S stands for small. S styles get triggered at 30em, ie, 480px */
@media (max-width: 30em) {
  .sympl {width: 100%;}
  .s-full {width: 100%;}
  .s-1-2, .s-2-4 {width: 50%;}
  .s-1-3 {width: 33.333333%;}
  .s-2-3 {width: 66.666666%;}
  .hide-on-s {display: none;visibility: hidden;}
  .show-on-s {display: block;visibility: visible;}
}