/****** Theme Color Root Variable Declaration Start ******/
:root {
    /* Client Specific Naming Convention --start*/
    --primary-overlay-color: rgba(0, 0, 0, 0.65);
    --secondary-overlay-color: rgba(40, 68, 1, 0.65);
    --tertiary-overlay-color: linear-gradient(var(--primary-overlay-color),var(--secondary-overlay-color));
    --background-overlay-color: rgba(218, 219, 219, 0.85);
    --background-primary-overlay-color: rgba(218, 219, 219, 0.15);
    --background-secondary-overlay-color: rgba(222, 209, 179, 0.15);
    /* Client Specific Naming Convention -- end*/
    --primary-color: #000000;
    --secondary-color:  #284401;
    --tertiary-color: #42484c;
    --highlight-color-1: #e70a03;
    --highlight-color-2: #f68721;
    --highlight-color-3: #8ec641;
    --grey-background-color: #dadbdb;
    --gradient-top-color: #696e72;
    --gradient-slider-color: #dadbdb;
    --quaternary-color: #000000;
    --label-grey-color: #4d4d4e;
    --white-color: #ffffff;
    --black-color: #000000;
    --green-theme-color:#000000;
    --transparent-color: transparent;
    --error-color: #800015;
    --pledge-form-error: #dc3545;
    --pledge-form-valid: #198754;
    --pledge-form-focus: #86b7fe;
    --pledge-form-placeholder: #909294;
    --pledge-form-error-gradient: rgb(220 53 69 / 25%);
    --pledge-form-valid-gradient: rgb(25 135 84 / 25%);
    --primary-filter: invert(0%) sepia(0%) saturate(7500%) hue-rotate(144deg) brightness(92%) contrast(105%);
    --secondary-filter: invert(23%) sepia(18%) saturate(2718%) hue-rotate(44deg) brightness(93%) contrast(103%);
    --white-filter: invert(100%) sepia(0%) saturate(7478%) hue-rotate(353deg) brightness(104%) contrast(107%);
    --gradient-bg: var(--primary-overlay-color);
    --secondary-gradient-bg: var(--secondary-overlay-color);
    --tertiary-gradient-bg: var(--tertiary-overlay-color);
    --header-gradient-bg: var(--background-overlay-color);
    --background-gradient-bg : var(--background-primary-overlay-color);
}
/****** Theme Color Root Variable Declaration End ******/
.primary-component img.plus-icon,
.secondary-compnent img.plus-icon{
  height: 19px;
  margin-bottom: 8px;
}
.primary-component img.plus-icon{
  filter: var(--primary-filter);
}
.secondary-compnent img.plus-icon{
  filter: var(--white-filter);
}
.primary-component sup,
.secondary-compnent sup{
  top: -16px;
  font-size: small;
}
.primary-component .text-view .feature-list ul {
  color: var(--secondary-color);
}
.region-header ul.dropdown-menu li:not(:last-child){
  border-bottom: none;
}
.region-header ul.dropdown-menu li:not(:last-child) a,
.region-header ul.dropdown-menu li:not(:last-child) span.navbar-text{
  border-bottom: 1px solid var(--highlight-color-3);
}
.show-menu .region-header .dropdown-toggle,
.show-menu .region-header .navbar-nav li a{
  border-bottom: 1px solid var(--highlight-color-3);
}
.show-menu.global-header .navbar-nav > .open > a,
.show-menu.global-header .navbar-nav > .open > a:hover,
.show-menu.global-header .navbar-nav > .open > a:focus,
.show-menu.navbar-default .navbar-nav>.active>a:focus{
  color: var(--highlight-color-2);
}
.show-menu #block-socialmediablock{
  background-color: var(--secondary-color);
}
.layout--twocol {
  margin-bottom: 16px;
}
table thead tr th,
table tbody tr td:first-child,
table tr th:first-child {
  color: var(--secondary-color);
}
/****** Images unique for Polan Spring Site ******/
/* Common CSS */
white-logo-mobile {
    display: inline-block;
    width: 74px;
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 4px;
}
.white-logo-mobile img,
.logo img {
    height: 56px;
}
#menuopen {
    min-width: 34px;
    height: 32px;
    background: url(../images/icon/align-justify.svg) center;
    background-size: 25px 15px;
    background-repeat: no-repeat;
}
#menuclose {
    width: 34px;
    height: 32px;
    background: url(../images/icon/close-white.svg) center;
    background-size: 13px;
    background-repeat: no-repeat;
}
/* Error Page CSS */
.secondary-compnent.error-page-component {
  background-image: linear-gradient(var(--gradient-bg), var(--gradient-bg)), url(../images/deer-park-faq.jpg);
}
/* FAQ Page CSS */
.view-faq-view.ui-accordion .ui-accordion-header-icon{
    background: url(../images/icon/arrow-down.svg) no-repeat var(--center) var(--center);
    min-width: 16px;
    margin-left: 8px;
}
.view-faq-view.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon{
    background: url(../images/icon/arrow-up1.svg) no-repeat var(--center) var(--center);
}
/* Input Form CSS */
input[type=checkbox]:checked::before {
    background-image: url(../images/icon/checkmark.svg);
    filter: var(--primary-filter);
}
.region-header .dropdown-toggle::after {
  content: url("../images/icon/sort-down--white.svg");
}
.region-header ul.dropdown-menu li a::after,
.region-header ul.dropdown-menu span.navbar-text::after {
  content: url("../images/icon/sort-right.svg");
  top: 3px;
  position: relative;
}
/*PDP Changes*/
.pdp_dropdown .select-wrapper::after {
  content: url("../images/icon/sort-down.svg");
}
.accordion .label::after {
  content: url("../images/icon/arrow-down.svg");
  float:right;
}
.accordion .faq-list .label.active::after {
  content: url("../images/icon/arrow-up1.svg");
}
.product-carousel div.owl-nav .owl-prev,
.product-carousel div.owl-nav .owl-next{
  border-radius: 15px 0 0 15px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events:all;
  background-color: var(--white-color);
  border: 1px solid var(--white-color);
}
.product-carousel div.owl-nav .owl-prev.disabled,
.product-carousel div.owl-nav .owl-next.disabled{
  background-repeat: no-repeat;
  background-position: center;
  pointer-events:none;
  background-color: var(--grey-background-color);
  border: 1px solid var(--label-grey-color);
}
.product-carousel div.owl-nav .owl-next{
  border-radius: 0px 15px 15px 0;
  float:right;
  position: absolute;
  right: -15px;
}
.product-carousel div.owl-nav .owl-prev,
.table-wrap .nav-prev,
.mCSB_scrollTools .mCSB_buttonLeft.active{
  background-image: url("../images/PDP/left-arrow-green.svg");
}
.product-carousel div.owl-nav .owl-prev.disabled,
.table-wrap .nav-prev.disabled,
.mCSB_scrollTools .mCSB_buttonLeft.disabled,
.mCSB_scrollTools .mCSB_buttonLeft{
  background-image: url("../images/PDP/left-arrow.svg");
}
.product-carousel div.owl-nav .owl-next.disabled,
.table-wrap .nav-next.disabled,
.mCSB_scrollTools .mCSB_buttonRight.disabled {
  background-image: url("../images/PDP/right-arrow-sec.svg");
}
.product-carousel div.owl-nav .owl-next,
.table-wrap .nav-next,
.mCSB_scrollTools .mCSB_buttonRight.active,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url("../images/PDP/right-arrow.svg");
}
.was-validated.webform-submission-take-the-pledge-form input.form-control.valid,
.was-validated .form-control:valid{
  background-image: url("../images/icon/valid.svg");
}
.webform-submission-take-the-pledge-form input.form-control.error,
.was-validated.webform-submission-take-the-pledge-form input.form-control.error,
.was-validated .form-control:invalid {
  background-image: url("../images/icon/in-valid.svg");
}

.ps-widget.btn::after {
  content: none;
}

/******---Media Queries Start ----*******/
@media (min-width: 760px) {
  .region-header .dropdown-toggle::after {
    content: url("../images/icon/sort-down.svg");
  }
  .region-header .dropdown:focus-within::after,
  .region-header .dropdown.opened::after {
    content: url("../img/sort-down-ah-secondary.svg");
  }
  .primary-component img.plus-icon,
  .secondary-compnent img.plus-icon{
    height: 28px;
    margin-bottom: 8px;
  }
  .primary-component sup,
  .secondary-compnent sup{
    top: -20px;
  }
}