/*
Theme Name: Hanwha Partner Portal (Stockholm Child)
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme but also serves as the custom theme for the Hanwha Partner Portal
Author: Gapp Group
Author URI: https://www.gappgroup.com
Version: 1.0.89
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: stockholm, gapp, hanwha, partner, portal
Text Domain: hanwhapartnerportal
Template: stockholm
*/

/*update header logo in retina res by jp on 200124 at 11:09am*/

.breadcrumb {
  opacity: 0.9;
}

.breadcrumb:empty {
  display: none;
}

.breadcrumb a,
.breadcrumb span {
  color: #000 !important;
}

.breadcrumb a:hover,
.breadcrumb span.current {
  color: #f37321 !important;
}

li.product-category a h2 {
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
}

li.product-category a h2 mark {
  background-color: transparent;
}

.term-description p {
  margin: 0px 0px 10px 0px;
}

.sidebar h3 {
  font-size: 20px;
  font-style: normal;
}

.wc-block-price-filter__range-input-progress,
.wc-block-components-price-slider__range-input-progress {
  --track-background: #f37321;
  --range-color: #f37321;
}

.wc-block-product-categories select {
  padding: 10px;
}

.wc-block-product-categories__dropdown {
  max-width: 80%;
  margin-right: 10px;
}

.wc-block-product-categories__dropdown select {
  width: 100%;
}

.wc-block-product-categories__button {
  border: 0px;
  background-color: #000;
  color: #fff;
}

.woocommerce .col-1,
.woocommerce .col-2 {
  width: 50%;
  max-width: 50%;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #000 !important;
  background: #000 !important;
}

.woocommerce form .form-row .required {
  color: red;
  text-decoration: none;
}

.woocommerce form.checkout .woocommerce-input-wrapper {
  width: 100%;
}

.woocommerce p.form-row label {
  width: 150px;
  position: relative !important;
}

.woocommerce-terms-and-conditions-wrapper p.form-row label {
  width: 100%;
}

.woocommerce-input-wrapper input {
  border: 1px solid #e6e6e6 !important;
}

.woocommerce table.cart td.actions > .checkout-button,
.woocommerce-page table.cart td.actions > .checkout-button {
  top: 0px !important;
}

.header_bottom_before {
  background-color: rgb(244, 116, 33);
  border-color: rgb(230, 174, 72);
  color: rgb(255, 255, 255);
  padding: 5px 45px;
  text-align: center;
  font-size: 15px;
  line-height: 18px;
}

@media only screen and (min-width: 481px) {
  .username, .user_partner_code {
    display: inline-block;
  }
}

.user_details div::selection, .user_details div strong::selection {
  background-color: #3390FF;
}

@media only screen and (max-width: 480px) {
  .header_bottom_before {
    padding: 5px 25px;
  }
}

/* Bluebeam Revu® Profiles  pages styles */
.blue_beam_banner_content {
  position: absolute !important;
  top: 250px;
  left: 55px;
}
.blue_beam_banner_section h1 {
  font-size: 60px;
  color: #fff;
  padding: 20px;
}
.blue_beam_banner_section p {
  color: #fff;
  padding: 10px 20px;
  font-size: 24px;
}
.blue_beam_banner_second_section h2 {
  font-weight: 500;
  font-size: 35px;
  text-align: center;
  color: #313131;
  margin-bottom: 25px;
}
.blue_beam_banner_second_section p {
  font-size: 18px;
  color: #313131;
}
.blue_beam_design_section {
  background-color: #f0f0f0;
  padding: 25px 100px;
}
.blue_beam_design_section h3{
  font-size: 35px;
  letter-spacing: 0px;
  line-height: 1em;
  text-transform: none;
  color: #313131;
  font-family: Arial, "Noto Sans KR", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 35px;
}
.blue_beam_design_section ul>li {
  font-family: Arial, "Noto Sans KR", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 1.5em;
  position: relative;
  padding-left: 1em;
  padding-bottom: .3em;
  color: #000000;
}
.blue_beam_design_section ul>li:before {
  content: "";
  display: block;
  position: absolute;
  width: .3333em;
  height: .33333em;
  top: .4em;
  left: 3px;
  background-color: #f37321;
}
.blue_beam_design_section ul {
  list-style: none;
}
/*open platform download title style*/
.op_d_title {text-align: left; font-size: 16px; font-weight: 500; color: #111111;}
.op_col_width {padding: 0 5px 0 5px;}

.blue_beam_download_section h2 {
  font-weight: 400;
  font-size: 35px;
  text-align: center;
  padding: 0 !important;
  margin: 0 !important;
  color: #313131;
  font-family: Arial, "Noto Sans KR", Helvetica, sans-serif;
  line-height: 1.1em;
  letter-spacing: -0.44px;
  font-style: normal;
  text-transform: none;
  margin-bottom: 25px !important;
}
.blue_beam_download_section p {
  font-size: 18px;
  color: #313131;
  text-align: center;
  font-family: Arial, "Noto Sans KR", Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 1.5em;
}
.blue_beam_download_section {
  background-color: #f5f5f5 !important;
}

@media only screen and (max-width: 768px) {
  .blue_beam_banner_content {
      top: 65px;
      left: 5px;
  }
  .blue_beam_banner_section h1 {
    font-size: 24px;
    padding: 20px 20px 0 20px;
    line-height: 32px !important;
  }
  .blue_beam_banner_section p {
    padding: 0px 20px;
    font-size: 20px;
  }
  .blue_beam_design_section {
    padding: 25px;
  } 
  .op_d_title {
    text-align: center;
  }
}