/*   
Theme Name: Perci Blog
Theme URI: https://www.percihealth.com
Description: Theme for Perci Health blog
Author: boyan raichev
Author URI: https://github.com/boyanraichev
Version: 1.1.0
Text-domain: perci
*/

body {
  --global-color-primary-mint: #d3e8e3;
  --global-color-primary-steel-teal: #5f908f;
  --global-color-primary-cedar-chest: #ce5947;

  --global-color-secondary-calm: #134855;
  --global-color-secondary-misty-rose: #efd9d6;
  --global-color-secondary-white: #ffffff;

  --global-color-grayscale-onyx: #404040;
  --global-color-grayscale-sonic-silver: #707070;
  --global-color-grayscale-mid-silver: #aeaeae;
  --global-color-grayscale-cultured: #f1f1f1;
  --global-color-black: #252525;

  --global-color-body-shadow: #00000029;
  --global-color-mine-shaft: #393939;
  --global-color-dark-gray: #3c3c3c;
  --global-color-light-gray: #a8a8a8;
  --global-color-light-gray-background: #f9f9f9;
  --global-color-light-gray-line: #e2e2e2;
  --global-color-light-gray-concerns: #848484;
  --global-color-black-border-search: #000000;
  --global-color-light-gray-search-placeholder: #828282;
  --glabal-color-filter-type: #2e2e2e;
  --global-color-filter-type-line: #c4c4c4;

  --global-color-background-chip: #F0F0F0;
}

input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0px;
  padding: 0px;

  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.filter-form fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
}

.filter-form fieldset:not(:first-child) {
  margin-top: 16px;
}

.filter-form .filter-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 13px;
}

.filter-dropdown legend {
  padding: 0;
  margin-left: 10px;
  font-weight: 400;
  font-size: 20px;
  text-align: left;
  color: var(--global-color-light-gray);
}

.filter-form .arrow-button {
  padding: 0;
  background-color: transparent;
  border: transparent;
  margin-right: 10px;
}

.filter-form p {
  padding: 0;
  margin: 0;
}

.filter-form .arrow {
  display: inline-block;
  border: solid var(--global-color-dark-gray);
  border-width: 0 1px 1px 0;
  padding: 4px;
  background-color: transparent;
}

.filter-form .arrow-down {
  margin-bottom: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.filter-form .arrow-up {
  margin-top: 8px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.filter-form ul {
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  margin-top:10px;
  margin-bottom: 16px;

  font-weight: 400;
  color: var(--global-color-dark-gray);

  list-style: none;
  border-radius: 10px;

  width:auto;
}

.filter-form .filter-input + label {
  text-align: left;

  display: inline-block;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 13px;

  line-height: 18px;

  cursor: pointer;
}

.filter-form .filter-input + label::before {
  content: "";
  background: var(--global-color-secondary-white);
  border: 1px solid #404040;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

.filter-form .filter-input-radiobutton + label::before {
  border-radius: 50%;
}

.widget .wpc-filters-widget-main-wrapper li.wpc-term-item input[type=radio] {
  min-width: unset;
  width: 18px;
  height: 18px;
  border-width: 1px;

  cursor: pointer;
}

.filter-topbar .wpc-filters-widget-wrapper {
  display: grid;
  grid-template-columns: minmax(300px, auto) 1fr;
  gap: 32px;

  @media screen and (max-width: 992px) {
    grid-template-columns: 1fr;
    gap: 0;
  }
}



.widget .wpc-filters-widget-main-wrapper li.wpc-term-item input[type=radio],
.widget .wpc-filters-widget-main-wrapper input[type=radio]:checked {
  border-color: var(--global-color-grayscale-onyx);
}

.widget .wpc-filters-widget-main-wrapper input[type=radio]:after {
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  background-color: var(--global-color-grayscale-onyx);
  color: var(--global-color-grayscale-sonic-silver);
}

.wpc-label-perci {
  border-radius: 16px !important; 
  padding: 0 !important;
  background-color: var(--global-color-background-chip) !important;;
}

.wpc-term-selected .wpc-label-perci {
  background-color: var(--global-color-primary-mint) !important;
  border-color: var(--global-color-primary-mint) !important;

  font-weight: bold !important;
}

.wpc-term-selected .wpc-label-perci:hover {
  border-color: var(--global-color-secondary-calm) !important;
}


.wpc-label-perci .wpc-label-wrapper-perci {
  padding: 4px 10px !important;
}

.wpc-chip-icon {
  display: inline-block;
  font-size: 1.25em;
  line-height: .8;
}

.wpc-radio-item a {
  color: var(--global-color-grayscale-onyx);
}

.filter-form .filter-input:checked + label:before {
  background: var(--global-color-primary-steel-teal);
  box-shadow: inset 0px 0px 0px 4px var(--global-color-secondary-white);
}
.filter-form .filter-input:hover + label:before {
  border-color: var(--global-color-primary-steel-teal);
}

.filter-form .filter-input:disabled + label:before {
  background: var(--global-color-grayscale-cultured);
  border-color: var(--global-color-grayscale-cultured);
}

.filter-form .filter-input:focus + label {
  outline: 2px dotted var(--color-radiobutton-focus-outline);
  outline-offset: 4px;
}

.filter-form .fieldset-line {
  content: "";
  width: 263px;
  height: 1px;
  margin: auto;
  background-color: var(--global-color-light-gray-line);
}

.filter-form a {
  color:black;
  margin:3px;
  font-weight:10;
  font-size:14px;
}

.wpc-filter-title {
  font-weight:900;
  text-transform: uppercase;
}

.widget-area
{
    list-style-type: none;
}

.widget-title span
{
  font-size: 20px;
  font-weight: 600;
}

.widget_wpc_chips_widget{
  float:left;   
}

.wpc-filter-chips-list > li {
  display:inline;
}

#searchform {
  float:right;
}

#searchform .input-group-text,
#searchform .form-control {
  border-radius: 0;
}
#searchform .input-group-text,
#searchform .form-control,
#searchform .form-control:focus {
  border-color: var(--global-color-grayscale-sonic-silver);
}

#searchform .form-control {
  padding-top: 8px;
  font-size: 18px;
}

.filter-topbar {
  padding-top:30px;
}

#search-button {
  height: 40px;
  margin-left:5px;
}

#searchform{
  padding-bottom:10px
}

.filter-webinar {
  list-style-type: none;
}
.filter-webinar .wpc-posts-found {
  display:none;
}

.filter-webinar .wpc-filters-ul-list > li{
  display:inline-flex;
    margin-top:5px
}

.filter-webinar .wpc-filter-header{
    display:inline-flex;
    margin-right:10px
}

.filter-webinar .wpc-filter-media-type{
    display:inline-flex;
}

.filter-webinar a {
    color: black;
}

.filter-webinar .wpc-term-item-content-wrapper{
  display: block;
  position: relative;
  cursor: pointer;
}

.filter-webinar .wpc-term-item-content-wrapper input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.filter-webinar .wpc-term-item-content-wrapper:hover label *{
  font-weight:800;
  color: var(--global-color-primary-cedar-chest);
  text-decoration: underline;
  text-decoration-thickness:3px;
  text-underline-offset:4px;
}

.filter-webinar .wpc-term-item-content-wrapper input:checked ~ label *{
  font-weight:800;
  color: var(--global-color-primary-cedar-chest);
  text-decoration: underline;
  text-decoration-thickness:3px;
  text-underline-offset:4px;
}

.filter-webinar .wpc-filters-section {
  margin-bottom: 0px;
}

.wp-block-video > video {
  width:100%;
}

li.wpc-term-count-0{
  display:none !important;
}

.single-article {
  padding-right: 0;
  cursor: pointer;
  
  @media screen and (min-width: 768px) {
    padding-right: 20px;
  }
}

.single-article .single-article-thumb {
  border-radius: 0;
}

.single-article__title,
.single-article__title:hover {
  font-size: 1.2em;
  font-weight: bold;

  text-decoration: none;
  color: var(----global-color-black);
}

.single-article:hover .single-article__title {
  color: var(--global-color-primary-cedar-chest);
}


.media-card {
  position: relative
}

.media-card__type {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 20px 10px 12px;
  
  font-weight: bold;
  text-transform: uppercase;
  color: var(--global-color-secondary-white);
  background-color: var(--global-color-primary-steel-teal);
}

.media-card__duration {
  position: absolute;
  top: 3px;
  right: 3px;
  padding: 8px;

  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  text-align: center;
  border-radius: 20px;

  color: var(--global-color-secondary-white);
  background-color: var(--global-color-primary-steel-teal);
}

.media-card__type > img {
  margin-right: 8px;
}

.content-container {
  padding: 1rem 2rem;
  @media screen and (min-width: 768px) {
    padding: 1rem 3rem;
  }
}

.filtered-content-header {
  padding: 0;
  display: flex;
  align-items: start;
  gap: 16px;
  margin-bottom: 1rem;
}
.filtered-content-header__title {
  display: inline;
}
.filtered-content-header__count {
  display: none;

  font-size: 14px;

  @media screen and (min-width: 768px) {
    display: inline;
    margin-top: 2px;
  }

  @media screen and (min-width: 1200px) {
    display: inline;
    margin-top: 8px;
  }
}

.bg-transparent {
  background-color: transparent;
}

.border-right-0 {
  border-right: 0;
}

.border-left-0 {
  border-left: 0;
}