/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

@font-face {
  font-family: 'Montserrat', sans-serif;
  src: (https://fonts.googleapis.com/css2?family=Montserrat&display=swap);
}

html,
body {
  height: 100%;
  margin: 0;
}

.x-image img{width:100%}/* IE11 fix */
div#ui-datepicker-div { z-index:1000!important; }/* Fixes Contact Form 7 Date Field issue on Safari */

.woocommerce-MyAccount-navigation ul {
  margin-bottom: 0px;
}

.woocommerce-MyAccount-navigation-link a:before {
  border-bottom: 3px white solid;
  border-radius: 3px 3px 0px 0px;
}

.woocommerce-MyAccount-navigation-link a {
  font-size: 15px;
}

.woocommerce-privacy-policy-text {
  display: none;
}

.woocommerce-MyAccount-content {
  border: .5px solid;
  margin-top: -1.5px;
}

td,
tr {
  text-transform: capitalize;
}

.update-label {
  margin: 10px 0px 2px 0px;
}

.update-select {
  width: 50% !important;
  padding: 7px 0px;
  margin: 0px 0px 7px 0px;
  box-sizing: border-box;
}

.update-number {
  width: 20%;
  padding: 0;
  margin: 0px 0px 7px 0px;
  box-sizing: border-box;
}

.color-number {
  width: 40%;
  padding: 0;
  margin: 0px 0px 7px 0px;
  box-sizing: border-box;
}

.is-active{
  border-bottom: 1px solid white;
  z-index: 99999;
}

.edit-account,
.woocommerce-info,
.information-view {
  padding: 3.5%;
}

.woocommerce-MyAccount-content {
  min-height: 50vh;
}

.account-tables {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.info-tables {
  display: flex;
}

#merchandising-tab {
  padding: 3.5%;
}

#update-button {
  margin-top: 10px;
}

.info-tables>tbody>tr>td,
.info-tables>tbody>tr>th {
  border: black 1px solid;
  padding: 7px;
  text-transform: capitalize;
}

@media only screen and (max-width: 1024px) {
  #account-form {
    width: 90%;
  }

  .info-tables {
    width: 75%;
  }

  .update-select {
    width: 70%;
  }

  .update-number {
    width: 25%;
  }
}

@media only screen and (max-width: 746px) {
  #account-form {
    width: 100%;
  }

  .account-tables{
    flex-direction: column;
  }

  .info-tables {
    width: 100%;
  }

  .update-select {
    width: 79%;
  }

  .update-number {
    width: 19%;
  }
}