@charset "UTF-8";
/*
 Theme Name:   CC Twenty Sixteen Child Mod
 Theme URI:    http://captaincalculator.com/
 Description:  CC Twenty Sixteen Modified Child Theme 
 Author:       John Doe
 Author URI:   http://captaincalculator.com
 Template:     twentysixteen-mod-temp
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twenty-sixteen-child-calculator
*/
/* Ads */
.calculator-ad-content-box-top {
  /*display:none;*/
  margin-bottom: 1.5em;
}

.calculator-ad-top {
  margin: 0 auto;
  width: 342px;
  /*height: 112px;*/
  margin-bottom: 1.5em;
  padding: 0.3em;
  border: 0.1em solid #bbbbbb;
}

#ad-header {
  min-height: 266px;
}

@media screen and (min-width: 40em) {
  #ad-header {
    min-height: 200px;
  }
}

/* / Ads */
/* Set body and a elements */
body {
  background: #ffffff;
  color: #404040;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.main-navigation {
  font-family: "Helvetica Neue", Helvetica, Arial, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "Nimbus Sans L", "Liberation Sans", Tahoma, Geneva, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

body h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
}

a {
  color: #4a9ed9;
}

body p,
body ul {
  /* margin-left: 0.6em;*/
  margin-right: 0.6em;
}

/*
     * Twentysixteen THEME RESETS
     * /
    
    /*Remove border from around the page */
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
  height: 0em !important;
}

.widget {
  border-top: 0em;
}

/* / THEME RESETS */
/* Set body and a elements */
body {
  background: #ffffff;
  color: #404040;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.main-navigation {
  font-family: "Helvetica Neue", Helvetica, Arial, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "Nimbus Sans L", "Liberation Sans", Tahoma, Geneva, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

body h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
}

a {
  color: #4a9ed9;
}

body p,
body ul {
  /* margin-left: 0.6em;*/
  margin-right: 0.6em;
}

/* Tables in Calculators */
/* Nav Bar */
.site-header {
  padding: 1.25em 4.5455%;
}

.main-navigation li:not(:first-child) {
  border-top: none;
}

.main-navigation li:not(:last-child) {
  border-bottom: none;
}

.main-navigation li:first-child {
  border-radius: 0.3em 0.3em 0em 0em;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 0.3em 0.3em 0em 0em;
  /* Firefox 1-3.6 */
  -moz-border-radius: 0.3em 0.3em 0em 0em;
}

.main-navigation li:last-child,
.menu-item:hover .sub-menu {
  border-radius: 0em 0em 0.3em 0.3em;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 0em 0em 0.3em 0.3em;
  /* Firefox 1-3.6 */
  -moz-border-radius: 0em 0em 0.3em 0.3em;
}

/* / Nav Bar */
/* Page Title*/
.entry-title {
  margin-bottom: 0.5em;
}

/* /Page Title */
/* Breadcrumbs */
.breadcrumbs {
  margin-bottom: 1em;
}

/* /Breadcrumbs */
/* Lists */
.entry-content ul {
  /*list-style: none;*/
}

/* / Lists */
/* color main nav menu to match a elements */
.main-navigation a {
  color: #4a9ed9;
}

/* /color main nav menu to match elements */
/* converters */
.cc-convert-input {
  width: 5em !important;
}

.sv-cc-number-unit-field input {
  display: inline-block !important;
  width: auto;
}

.sv-cc-calc-big-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.sv-cc-calc-big-table tbody tr:last-child td,
.sv-cc-calc-big-table tbody tr:last-child th {
  border-bottom: 0px;
}

.calc-input-dollar,
.calc-input-pound,
.calc-input-euro,
.calc-input-rupee,
.calc-input-rand,
.calc-input-percentage {
  position: relative;
  background-color: #dedede;
  display: inline;
}

.calc-input-dollar:before,
.calc-input-pound:before,
.calc-input-euro:before,
.calc-input-rupee:before,
.calc-input-rand:before,
.calc-input-percentage:before {
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 1;
}

/*
  .calc-input-percentage:after {
      position: absolute;
      top: 0;
      left: 5px;
      z-index: 1;
  }*/
.calc-input-dollar:before {
  content: "$";
}

.calc-input-pound:before {
  content: "£";
}

.calc-input-euro:before {
  content: "€";
}

.calc-input-rupee:before {
  content: "₹";
}

.calc-input-rand:before {
  content: "R";
}

.calc-input-percentage:before {
  content: "%";
}

.calcerror {
  color: red;
}

.sv-cc-icon-container {
  padding: 0 1rem;
}

.sv-cc-calc-container {
  overflow-x: auto;
}

.sv-table-card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  /* height: 300px;*/
  padding: 2rem;
  margin: 0.5rem;
  /* position: relative; */
  width: 100%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.sv-table-card:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.sv-cc-calc-big-table {
  /* word-break: break-all; */
  overflow-x: auto;
}

.cc-calc-big-table {
  overflow-x: auto;
}

.cc-calc-big-table,
.cc-calc-table,
.sv-cc-calc-big-table {
  /* font-family: "Ubuntu", sans-serif; */
  font-family: "Helvetica Neue", Helvetica, Arial, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "Nimbus Sans L", "Liberation Sans", Tahoma, Geneva, sans-serif;
  word-wrap: normal;
  width: auto;
  max-width: 100%;
}

.cc-calc-table caption,
.cc-calc-big-table caption,
.sv-cc-calc-big-table caption {
  margin-bottom: 30px;
}

.cc-calc-table,
.cc-calc-big-table,
.sv-cc-calc-big-table {
  color: #606c76;
}

.cc-calc-table .cc-title-row th,
.sv-cc-calc-table .sv-cc-title-row th {
  border-width: 0px 0px 3px 0px;
  border-color: #4a9ed9;
}

.cc-calc-table .cc-title-second-col,
.sv-cc-calc-table .sv-cc-title-second-col {
  text-align: center;
}

.cc-title-first-col,
.sv-cc-title-first-col {
  padding-right: 100px;
}

.cc-calc-table td,
.sv-cc-calc-table td {
  border-width: 0px;
}

.cc-table-head-top-row *,
.sv-cc-table-head-top-row * {
  border-width: 0px;
  text-align: center;
}

.cc-table-last-title-row th,
.sv-cc-table-last-title-row th {
  border-width: 0px 0px 3px 0px;
  border-color: #4a9ed9;
  text-align: center;
}

.cc-calc-big-table tbody td,
.sv-cc-calc-big-table tbody td {
  padding: 10px 20px 10px 20px;
  text-align: center;
}

.cc-left-title-label,
.sv-cc-left-title-label {
  padding-right: 40px;
}

.cc-calc-big-table tbody th,
.sv-cc-calc-big-table tbody th {
  padding: 10px 50px 10px 10px;
}

.cc-calc-big-table tbody td,
.cc-calc-big-table tbody th,
.sv-cc-calc-big-table tbody td,
.sv-cc-calc-big-table tbody th {
  border-width: 0px 0px 1px 0px;
}

/* Calculators - old - keep? */
.form-control {
  text-align: right;
}

.input-group {
  width: 30%;
  min-width: 12.5em;
}

.calculator-result {
  background-color: #d4f2e6;
  padding: 1.25em;
  margin: 1.25em 1.25em 1.25em 0em;
  border-radius: 0.2em 0.2em 0.2em 0.2em;
  float: left;
  clear: both;
  font-size: 1.25em;
}

/* Calculators - generic controls */
.calculator *:not(i) {
  /* font-family: "Ubuntu", sans-serif; */
  font-family: "Helvetica Neue", Helvetica, Arial, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "Nimbus Sans L", "Liberation Sans", Tahoma, Geneva, sans-serif;
  word-wrap: normal;
  /*border-width: 0em;*/
}

.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  /* height: 300px;*/
  padding: 2rem;
  margin: 0.5rem;
  position: relative;
  /* width: 300px;*/
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.card:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.calculator label {
  display: block;
  clear: both;
  font-size: 0.8em;
  color: 65%;
}

.calculator label i {
  padding-left: 0.9em;
  padding-right: 0.9em;
  /* CHANGE */
  color: #4a9ed9;
}

/* Calculator - parent theme styles */
.calculator button {
  /* background: #d4e0f2; 
      color: #595959;*/
  background: #4a9ed9;
  color: white;
  display: inline-block;
  line-height: 32px;
  border-radius: 2px;
  font-size: 0.9em;
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.calculator button:active {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.calculator button:focus,
.calculator button:hover {
  /* background-color: #e2eaf6; */
  background-color: #4a9ed9;
}

.calculator input[type="date"],
.calculator input[type="time"],
.calculator input[type="datetime-local"],
.calculator input[type="week"],
.calculator input[type="month"],
.calculator input[type="text"],
.calculator input[type="email"],
.calculator input[type="url"],
.calculator input[type="passw ord"],
.calculator input[type="search"],
.calculator input[type="tel"],
.calculator input[type="number"],
.calculator textarea {
  max-width: 12em;
  padding: 0.25em 0.4375em;
  display: block;
  clear: both;
  text-align: right;
  /*border-radius: 0.2em 0.2em 0.2em 0.2em;*/
  /* transition: border-color 0.3s linear, color 0.3s linear;
        -webkit-transition: border-color 0.3s linear, color 0.3s linear;
        -moz-transition: border-color 0.3s linear, color 0.3s linear;
        -ms-transition: border-color 0.3s linear, color 0.3s linear;
        -o-transition: border-color 0.3s linear, color 0.3s linear;*/
  /*color: #1E1E25;*/
  color: #404040;
  border: 1px solid #d3d3d3;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  /*
      border-bottom: 0px solid #404040;*/
  /* fix for background image error */
  background-image: -webkit-linear-gradient(white, white);
}

.calculator input[type="date"]:focus,
.calculator input[type="time"]:focus,
.calculator input[type="datetime-local"]:focus,
.calculator input[type="week"]:focus,
.calculator input[type="month"]:focus,
.calculator input[type="text"]:focus,
.calculator input[type="email"]:focus,
.calculator input[type="url"]:focus,
.calculator input[type="password"]:focus,
.calculator input[type="search"]:focus,
.calculator input[type="tel"]:focus,
.calculator input[type="number"]:focus,
.calculator textarea:focus {
  /*
      background-color: #e2eaf6;
      */
}

.calc-input-field {
  margin-bottom: 1em;
}

.calc-error-text {
  font-size: 0.7em;
  position: absolute;
  /*   transition: border-color 0.3s linear, color 0.3s linear;
        -webkit-transition: border-color 0.3s linear, color 0.3s linear;
        -moz-transition: border-color 0.3s linear, color 0.3s linear;
        -ms-transition: border-color 0.3s linear, color 0.3s linear;
        -o-transition: border-color 0.3s linear, color 0.3s linear;*/
}

/* input fields */
/* utility buttons */
.calc-utility-buttons {
  /* margin-top: 0.6em;*/
  /* CHANGES */
  margin-top: 1em;
  float: right;
}

.calc-utility-buttons button {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* result fields */
.calc-result-field {
  margin-top: 0.6em;
  font-size: 1.1em;
}

.calc-result-field label {
  font-size: 0.8em;
}

.calc-result-number {
  width: 12em;
  padding: 0.625em 0.4375em;
  /* border: 0em;*/
  /* border-radius: 0.2em 0.2em 0.2em 0.2em;*/
  text-align: right;
  color: #595959;
  /* background-color: #d4f2e6;*/
  /*
        box-shadow: inset 0 0.1em 0.1em rgba(0, 0, 0, .05);
          -webkit-box-shadow: inset 0 0.1em 0.1em rgba(0, 0, 0, .05);*/
  /* transition: border-color 0.3s linear, background 0.3s linear;
        -webkit-transition: border-color 0.3s linear, background 0.3s linear;
        -moz-transition: border-color 0.3s linear, background 0.3s linear;
        -ms-transition: border-color 0.3s linear, background 0.3s linear;
        -o-transition: border-color 0.3s linear, background 0.3s linear;*/
  /* changes */
  border-top: 5px solid;
  /*background-color: #f3f1f0;
        border-color: #4a9ed9;*/
  background-color: #f0f0f0;
  border-color: #4a9ed9;
}

/* error handling */
.calc-error {
  /*
      background-color: #f2d4e0 !important; 
      */
  /* CHANGE */
  border-color: #d94a57 !important;
  /* background-color: #fbecee !important;*/
  color: #d94a57 !important;
}

.calc-error:focus,
.calc-error:hover {
  /*
      background-color: #f6e2ea !important;
      */
  /* CHANGE */
}

/* tooltip */
.calc-tool {
  cursor: help;
  position: relative;
}

.calc-tool::before,
.calc-tool::after {
  position: absolute;
  left: 50%;
  opacity: 0;
  z-index: -100;
}

.calc-tool:hover::before,
.calc-tool:focus::before,
.calc-tool:hover::after,
.calc-tool:focus::after {
  opacity: 1;
  z-index: 100;
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
}

.calc-tool::before {
  border-style: solid;
  border-width: 1em 0.75em 0 0.75em;
  border-color: #3e474f transparent transparent transparent;
  bottom: 100%;
  margin-left: -0.5em;
  content: "";
  -webkit-transform: scale(0.6) translateY(-90%);
          transform: scale(0.6) translateY(-90%);
  -webkit-transition: all 0.65s cubic-bezier(0.85, -0.18, 0.31, 1.26);
  transition: all 0.65s cubic-bezier(0.85, -0.18, 0.31, 1.26);
  opacity: 0.65s 0.5s;
}

.calc-tool:hover::before,
.calc-tool:focus::before {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.calc-tool::after {
  background: #3e474f;
  border-radius: 0.25em;
  bottom: 180%;
  color: #edeff0;
  width: 17.5em;
  padding: 1em;
  margin-left: -8.75em;
  content: attr(data-tip);
  font-size: 0.75rem;
  -webkit-transform: scale(0.6) translateY(50%);
          transform: scale(0.6) translateY(50%);
  -webkit-transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
}

.calc-tool:hover::after,
.calc-tool:focus::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

/* /tooltip */
/* Calculators - Health/Calorie specific */
.calcualtor tr,
.calculator td,
.calculator th,
.calculator-input-table,
.calculator-result-table {
  border: 0px;
}

.weight-radios div {
  display: inline-block;
  padding-right: 1.25em;
  margin: auto;
}

.calorie-result td:first-child,
.calorie-result th:first-child {
  text-align: left;
  width: 50%;
}

.calorie-result td,
.calorie-result th {
  text-align: center;
}

.calorie-result tr:nth-child(even) {
  background-color: #fbfbfb;
}

.calorie-result tr:nth-child(even):last-child {
  background-color: #fbfbfb;
}

.calorie-result tr:nth-child(even) td:nth-child(3),
.calorie-result th:nth-child(3) {
  background-color: #d4f2e6;
}

.calorie-result td:nth-child(3) {
  background-color: #e2f6ee;
}

.calorie-result th:nth-child(3) {
  border-radius: 1.25em 1.25em 0 0;
}

/* /Calculators - Health/Calorie specific */
@media screen and (min-width: 65.625em) {
  /* Ads */
  .calculator-ad-top {
    width: 740px;
    height: 102px;
  }
  .calculator-ad-content-box-top {
    display: inline;
  }
}

.calculator-ad-side {
  height: 612px;
  width: 172px;
  margin: 0 auto;
  padding: 0.3em;
  border: 0.1em solid #bbbbbb;
}

.calculator-ad-content {
  height: 262px;
  width: 312px;
  padding: 0.3em;
  border: 0.1em solid #bbbbbb;
  margin: 0 auto;
}

.ad-sponsored-text {
  font-size: 0.5em;
  text-align: center;
}

.calculator-ad-content-box {
  margin-bottom: 1.5em;
}

/* / Ads */
/**
     * 14.1 - >= 710px
     */
@media screen and (min-width: 44.375em) {
  .site-header {
    padding: 1.25em 7.6923%;
  }
  .site {
    margin: 0em;
  }
}

/**
     * 14.2 - >= 783px
     */
/**
     * 14.3 - >= 910px
     */
@media screen and (min-width: 56.875em) {
  header {
    text-align: center;
  }
}

/**
     * 14.4 - >= 985px
     */
/**
     * 14.5 - >= 1200px
     */
/*# sourceMappingURL=style.css.map */