/*---------------------*/

/* - Sumoselect Custom */

/*---------------------*/

.SelectBox {z-index: 0;padding: 0;margin: 0;line-height: 0;font-size: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.SumoSelect {cursor: pointer;z-index: 3;width: 100%;--sel-p: 1rem;--sel-h: 68px;--sel-fz: var(--txt);}

.SumoSelect > .CaptionCont {z-index: 1;text-align: left;height: var(--sel-h);padding: calc(var(--sel-p) * 1.25);background: transparent;border: 0.0625rem solid var(--clr-primary);border-radius: var(--rd-10);color: var(--clr-dark-grey);-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);}
.input-field-wrapper.value .CaptionCont.wpcf7-form-control{
  border-color: var(--clr-primary)!important;
}
.SumoSelect > .CaptionCont::before {content: "";position: absolute;bottom: 0;left: var(--sel-p);width: calc(100% - var(--sel-p) * 2);height: 0.0625rem;background-color: var(--clr-secondary);opacity: 0;}
.SumoSelect.open > .CaptionCont::before{opacity: 1;}

.SumoSelect > .CaptionCont > span {cursor: pointer;padding-right: 0;font-size: var(--sel-fz);font-weight: 400;line-height: calc(var(--sel-h) - var(--sel-p) * 2.5);color: var(--clr-black);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.SumoSelect > .CaptionCont > span.placeholder {font-style: normal;color: var(--clr-dark-grey);}

.SumoSelect > .CaptionCont > label {--size: 1.375rem;display: inline-block;cursor: pointer;width: var(--size);height: var(--size);color: currentColor;right: calc(var(--size) / 2);bottom: auto;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);}

.SumoSelect > .CaptionCont > label i {background-image: none;opacity: 1;top: calc(50% - 4px);left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);width: 50%;height: 50%;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}

.SumoSelect > .optWrapper {display: block;overflow: auto;z-index: 2;padding: 0;top: 100%;left: 0;width: 100%;border: 0.0625rem solid var(--clr-primary);border-top: none;border-radius: 0 0 var(--rd-10) var(--rd-10);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: var(--clr-white);-webkit-transition: 0s;-o-transition: 0s;transition: 0s;}

.SumoSelect > .optWrapper > .options {max-height: 205px;padding: 0.5rem 0 1.5rem 0;border-radius: 0 !important;}

.SumoSelect > .optWrapper > .options li.opt {padding: 0;border-bottom: 0;}

.SumoSelect > .optWrapper > .options li label {white-space: unset;text-align: left;padding: 0.25rem var(--sel-p);font-size: var(--sel-fz);line-height: 1.5em;font-weight: 400;color: var(--clr-dark-grey);-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);}

.SumoSelect > .optWrapper > .options li.opt.selected label {color: var(--clr-primary);}

.SumoSelect > .optWrapper > .options > .opt.disabled:first-child {display: none;}

.SumoSelect:focus > .CaptionCont,

.SumoSelect:hover > .CaptionCont {-webkit-box-shadow: none;box-shadow: none;border-color: var(--clr-primary);}

.SumoSelect.open {z-index: 11 !important;}

.SumoSelect.open > .CaptionCont {border-color: var(--clr-primary);border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-bottom: none;}

.SumoSelect.open > .CaptionCont > label {-webkit-transform: translate(-50%, -50%) rotateX(180deg);transform: translate(-50%, -50%) rotateX(180deg);}

.SumoSelect.open > .optWrapper {top: 100%;opacity: 1;visibility: visible;-webkit-transition: var(--transition-1);-o-transition: var(--transition-1);transition: var(--transition-1);-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}

.SumoSelect.disabled {opacity: 0.5;}

.SumoSelect.disabled > .CaptionCont {cursor: not-allowed;}

.SumoSelect.disabled > .CaptionCont > span {cursor: not-allowed;}

@media (min-width: 1200px) {

.SumoSelect > .optWrapper > .options li.opt:hover label {background-color: var(--clr-primary);color: var(--clr-white);}

}

@media (max-width: 1199px) {

.SumoSelect {--sel-h: 60px;}

.SumoSelect > .CaptionCont {padding: var(--sel-p) calc(var(--sel-p) * 1.25);}

.SumoSelect > .CaptionCont > span {line-height: calc(var(--sel-h) - var(--sel-p) * 2.15);}

}

@media (max-width: 767px) {

.SumoSelect {--sel-h: 46px;}

.SumoSelect > .CaptionCont {padding: calc(var(--sel-p) * 0.75) calc(var(--sel-p) * 1.25);}

.SumoSelect > .CaptionCont > span {line-height: calc(var(--sel-h) - var(--sel-p) * 1.55);}

}