/**
 * various_styles_stel.css
 * This file is included in stel_functions.php
 * Version 0.0.001
**/


/**---------------------------------------------------------------------------------------------------------------
 * Custom product attributes tab --------------------------------------------------------------------------- START
 * On single product page ----------------------------------------------------------------------------------------
**/

#stel-attributes-tab .attr-group-header{
  /* background: #ddd; /* Debug color */
  border-bottom: 1px solid #636363;
  color: #000;
  font-size: 1.7em;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: -6px;
  padding-left: 5px;
}

#stel-attributes-tab .attr-group-header:not(:first-child){
   margin-top: 50px; 
}

#stel-attributes-tab .attribute-group{
  -webkit-columns: 2 150px;
  -moz-columns: 2 150px;
  columns: 2 150px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;

  /* background: #eee;  Debug color */
  padding-left: 5px;
  padding-right: 8px;
  padding-bottom: 5px;
  margin: 0;
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid;           /* FF 20+ */
  break-inside: avoid-column;         /* IE 11 */
}

#stel-attributes-tab .attribute-pair{
  overflow: auto;
  border-bottom: 1px solid #ddd;
  padding-top: 16px;

   -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid;           /* FF 20+ */
  break-inside: avoid-column;         /* IE 11 */
}

#stel-attributes-tab .attr-name{
  font-weight: 600;
  margin-right: 5px;
  text-transform: uppercase;
}

#stel-attributes-tab .attr-value{
  max-width: 95%;
}

/**---------------------------------------------------------------------------------------------------------------
 * Custom product attributes tab ----------------------------------------------------------------------------- END
 * On single product page ----------------------------------------------------------------------------------------
**/



/**---------------------------------------------------------------------------------------------------------------
 * Geometry ------------------------------------------------------------------------------------------------ START
 * On single product page ----------------------------------------------------------------------------------------
**/

.table-geom-stel{
  margin-left: auto;
  margin-right: auto;
  height: 0; /* Reset height */
}

.table-geom-stel th, .table-geom-stel td{
    padding: 5px;
}

.table-geom-stel tr:nth-child(odd):not(:first-child){
  background-color: #e9e9e9;
}

.table-geom-stel th, .table-geom-stel td {
    border-bottom: none;
}

img.img-geom-stel{
  padding-top: 2em;
  padding-bottom: 1em;
}

.table-geom-stel tr:first-child{
  background: var(--link-color-a);
}

.table-geom-stel tr:first-child td{
  color: #fff;
}

h2.yikes-custom-woo-tab-title{
  text-align: center;
  font-size: 31px;
  font-weight: 900;
}


@media only screen and (max-width: 849px) { /***** ADD MOBILE/TABLET ONLY CSS HERE  **********************************************************/

  .tab-panels .table-geom-stel{
    width: 100% !important;
    font-size: 3.5vw;
  }

  #tab-designtest, /* Staging */
  #tab-storleksguide{
    margin-left: -15px;
    margin-right: -15px;
  }

}

/**---------------------------------------------------------------------------------------------------------------
 * Geometry -------------------------------------------------------------------------------------------------- END
 * On single product page ----------------------------------------------------------------------------------------
**/