@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;600&family=Lora:ital,wght@0,400;0,700;1,400&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300&family=Permanent+Marker&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,300;0,400;0,700;1,300&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300&family=Roboto:ital,wght@0,300;0,400;0,700;1,300&display=swap');

/* Landing Pages */
  .lp{background-color:var(--color);display:grid;grid-template-columns: 1fr auto 1fr;grid-template-rows: 1fr auto 1fr;min-height:100vh;grid-gap:10vw;position:relative;}
  .lp--left{grid-template-columns: 0 auto 1fr;}
  .lp--right{grid-template-columns: 1fr auto 0;}
  .lp--center{grid-template-columns: 1fr auto 1fr;}

  .lp a{color:var(--color);}
  .lp a:hover{color:var(--bright-color);}
  .lp button{cursor:pointer;}
  .lp--lightcolor a{color:#000;text-decoration:underline;}
  .lp--lightcolor a:hover{color:#000;}

  .lp__bg{background-color:var(--color);background-size:cover;background-position:50% 50%;position:fixed;width:100vw;height:100vh;}
  .lp__bg__video{width:100%;height:100%;object-fit:cover;}

  .lp-btn{align-items:center;background-color:var(--color);border-radius:4px;cursor:pointer;color:#fff;display:flex;flex-grow:1;font-size:20px;justify-content:center;padding:10px 20px;margin-top:10px;text-align:center;transition:0.2s all;width:100%;}
  .lp-btn:hover{background-color:var(--bright-color);color:#fff;}
  .lp-btn[disabled]{pointer-events:none;opacity:0.75;}
  .lp-btn span{font-size: 12px;text-align: left;padding-left: 6px;line-height: 12px;}

  .lp-btn--ghost{background-color:white;box-shadow:inset 0 0 0 2px var(--color);color:var(--color);}
  .lp-btn--ghost:hover{background-color:white;box-shadow:inset 0 0 0 2px var(--bright-color);color:var(--bright-color);}
  
  .lp--lightcolor .lp-btn{color:#000;}
  .lp--lightcolor .lp-btn:hover{color:#000;}
  .lp--lightcolor .lp-btn--ghost{color:#000;}
  .lp--lightcolor .lp-btn--ghost:hover{color:#000;}

  .lp-btn-sendplus{flex-grow: 2;}

  .lp__content{background-color:#fff;border-radius:4px;grid-column: 2 / 3;grid-row:2 / 3;padding:min(1.5em, 36px) min(1.5em, 36px) min(1em, 24px);position:relative;width:var(--content-width);max-width:80vw;}

  .lp__fineprint{font-size:12px;opacity:0.75;}

  .lp__logo{display:block;}
  .lp__logo--center{margin-left:auto;margin-right:auto;}
  .lp__logo--left{margin-right:auto;}
  .lp__logo--right{margin-left:auto;}

  .lp-form{margin:0 -5px;font-size:16px;}
  .lp-form__row{display:flex;margin:-10px 0;}
  .lp-form__space{padding-bottom: 10px;}
  .lp-form__item{flex:1;margin:10px 5px;position:relative;}
  .lp-form__item--xs{flex:0.5;}
  .lp-form__item--sm{flex:0.7;}
  
  .lp-form__custom-row label{font-size:var(--label-size);}
	
  .lp-input{border: 1px solid #ddd;border-radius:3px;background-color:#fff;width:100%;padding:var(--input-v-pad) var(--input-h-pad);}
  .lp-label{color:var(--lighttextcolor);font-size:var(--label-size);line-height:18px;padding:0 3px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);left:calc(var(--input-h-pad) - 3px);transition:0.2s all;max-width:calc(100% - var(--input-h-pad) * 2 + 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lp-input[type="date"] ~ .lp-label,
  .lp-input:focus ~ .lp-label,
  .lp-input--hasval ~ .lp-label{background-color:#fff;position:absolute;top:0px;}
  .lp-input:focus{border-color:var(--color);outline:0;}
  .lp-input--select{background-image: url('data:image/svg+xml;urf8,<svg viewBox="0 0 22 7" xmlns="http://www.w3.org/2000/svg" width="20"><polyline fill="none" stroke="currentColor" points="1,1 6,6 11,1" stroke-linejoin="round" stroke-linecap="round"/></svg>');background-position: right 50%;background-repeat:no-repeat;cursor:pointer;padding-right:25px;min-width: calc(3.5em + 25px);}
  .lp-input:focus .lp-label{color:var(--color);}
  .lp-form__bread ~ .lp-input--textarea{padding-top:48px;}
  .lp-form__bread{display:block;color:var(--lighttextcolor);font-size:var(--label-size);line-height:18px;opacity:0;padding:var(--input-v-pad) var(--input-h-pad);position:absolute;transition:0.2s all;z-index:4;}
  .lp-input--textarea{display:block;font-size:16px;resize:none;height:220px;padding:var(--input-v-pad) var(--input-h-pad) 72px;}
  .lp-form__item .hide--signature{padding-bottom:12px;}

  .lp-form__item--toplabel .lp-label{display:block;position:static;transform:none;white-space:normal;padding:0;margin:0 0 5px 0;max-width:100%;line-height: 120%;}

  #custom_fields_div textarea{resize:none;}

  .lp__copy{margin-bottom: 18px;}
  .lp__copy span[style*="background-color"]{padding:1px 5px;margin:-5px;}
  .lp__copy div:empty{padding-bottom: 27px;}
  
/* Form Submission Mask */
  .form--sending, .flex-form--sending{pointer-events:none;}
  .lp-btn--sending{color:rgba(255,255,255,0.5);position:relative;}
  .lp-btn--sending:after, .flex-form--sending .input_box:after{border:2px solid transparent;border-top-color:var(--contrast);border-radius:16px;content:'';position:absolute;left:calc(50% - 16px);top:calc(50% - 16px);width:28px;height:28px;animation:1.5s spinner infinite linear;}
  .lp-btn--ghost.lp-btn--sending:after{border-top-color:var(--color);}
  .lop--lightcolor .lp-btn--ghost.lp-btn--sending:after{border-top-color:var(--color);}
  .flex-form--sending .input_box.inp-w-label:after{bottom:4px;top:auto;}
  
  #id_sendbtn_div{gap:0 10px;}
  #id_sendbtn_div:has(.lp-btn--sending){pointer-events:none;}
  #id_sendbtn_div:has(.lp-btn--sending) .lp-btn:not(.lp-btn--sending){opacity:50%;}
  
  @keyframes spinner {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
  }
  
  /*tabs*/
  .lp-form__bread--top{top:0;left:0;}
  .lp-form__bread--bottom{bottom:0;left:0;}
  .show-bottom .lp-form__bread--bottom{opacity:1;}
  .show-top .lp-form__bread--top{opacity:1;}

  .lp__share{border-top:1px solid #eee;padding-top:10px;text-align:center;}
  .lp__share .label{font-size:90%;}
  .lp__share a{font-size:20px;padding:6px;vertical-align:-3px}

  .lp__edit{position:fixed;top:1vw;left:1vw;}

  .lp__watermark{opacity:0.2;position:fixed;bottom:1vw;filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.5));padding:10px;text-transform:uppercase;font-size:13px;}
  .lp__watermark:hover{color:#00FFAD !important;opacity:1.0 !important;filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));}
  .lp__watermark--left{right:1vw;}
  .lp__watermark--center{right:1vw;}
  .lp__watermark--right{left:1vw;}
  
  .lp--lightcolor .lp__watermark{color:#000;opacity:0.1;}
  .lp--darkcolor .lp__watermark{color:#fff;}

  @media(max-width:1024px){
    .lp{grid-gap:5vw;}
  }
  
/* Clock */
  .clock{display:flex;gap:0.5em;margin:1em 0;}
  .clock *{line-height:100%;}
  .clock__item{flex:1;text-align:center;}
  .clock__label{font-size:14px;padding-top:0.5em;}
  .clock__colon,
  .clock__num{font-family: var(--heading-family);font-size: var(--heading-size);font-weight: var(--heading-weight);position:relative;padding:0.5rem 0.5rem;}
  .clock__num:before{border-radius: 4px;content:'';position:absolute;background-color:var(--color);opacity:0.1;top:0;bottom:0;left:0;right:0;width:100%;z-index:0;}
    
  .clock__colon{align-self:flex-start;padding:0.5rem 0 0.5rem;}
  
  .clock--timesup{color:var(--viera);}
  .clock--timesup .clock__num:before{background-color:var(--viera);}
  
  .clock--to .clock__colon{display:none;}

  
/* Progress */
  .progress{margin:1em 0;}
  .progress__bar{background-color:#eee;border-radius:10px;height:10px;overflow:hidden;}
  .progress__fill{background-color:var(--color);padding:0;max-width:100%;height:100%;animation: 1s ease-out 0s 1 progressFill;transform-origin:0 0;}
  .progress__label{font-size:16px;}
  .progress__count{font-family: var(--heading-family);font-size: calc(var(--heading-size) * 0.9);font-weight: var(--heading-weight);}

  @keyframes progressFill {
    0% {
      transform: scaleX(0);
    }
    100% {
      transform: scaleX(1);
    }
  }
  
/* GOTV */

  .gotv {display: flex;gap:10px;flex-wrap: wrap;margin:20px 0;justify-content:center;}
  .gotv__link {color:#000 !important;display:flex;flex-direction:column;flex: 0 0 calc(50% - 5px);gap:5px;text-align: center;box-shadow: inset 0 0 0 1px #CCC;border-radius: 4px;line-height:110%;padding:1em;font-weight: bold;font-size: 14px;justify-content:center;}
  .gotv__link:hover {box-shadow: inset 0 0 0 3px var(--color);}
  .gotv__link div {color:var(--color) !important;font-size: 24px;}
  
  .lp--lightcolor a.gotv__link{text-decoration:none;}
  .lp--lightcolor a.gotv__link div{color:#000 !important;}
  
/* Modal */

  .lp-modal{display:none;}
  .lp-modal.active{display:flex;}
  .lp-modal__close > *{pointer-events:none;}
  .lp-modal{background-color:rgba(0,0,0,0.3);max-width:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;}
  .lp-modal__inner{margin:auto;width:600px;}
  .lp-modal__close{color:var(--viera);font-size:24px;}
  .lp-modal-box{background-color:#fff;flex-direction:column;border-radius: 4px;}
  .lp-modal-box__bar{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:20px 20px;}
  .lp-modal-box__bar__title{font-family:var(--heading-family);font-size:min(var(--heading-size), 32px);}
  .lp-modal-box__content{padding:20px 20px;}

/* Advanced Messaging */

  .lp-message-tabs{display: flex;justify-content: space-between;margin:5px 5px 0;}
  .lp-tab{flex:1;background-color: #f7f7f7;border: solid 1px #ddd;cursor: pointer;display:flex;align-items:center;min-height:40px;padding:8px 10px;transition:background 0.2s, border-top-color 0.2s, border-left-color 0.2s, border-right-color 0.2s ;justify-content:space-between;}
  .lp-tab:first-child{border-top-left-radius:3px;}
  .lp-tab:last-child{border-top-right-radius:3px;}
  .lp-tab ~ .lp-tab{margin-left:-1px;position:relative;}
  .lp-tab__label{font-size:12px;line-height:12px;pointer-events:none;}
  .lp-tab__icon{color: var(--color);font-size:14px;pointer-events:none;}
  .lp--lightcolor .lp-tab__icon{color: #000;}
  .lp-tab:hover{background-color: #fff;}
  .lp-tab--active{background-color: #fff;border-bottom:1px solid transparent;padding-bottom:9px;z-index:1;}
  .lp__messages-title{display:flex;justify-content:space-between;align-items:flex-end;margin:5px;}
  .lp__messages-title button{color:var(--color);opacity:0.5;}
  .lp--lightcolor .lp__messages-title button{color:#000;opacity:0.5;}
  .lp__messages-title button:hover{opacity:1;}
  
  .lp-message-tabs ~ .lp-form__item--messages{margin-top:0;}
  .lp-message-tabs ~ .lp-form__item--messages:before{content:'';position:absolute;top:0;left:1px;right:1px;height:24px;background:linear-gradient(#fff, transparent);z-index:2;}
  .lp-message-tabs ~ .lp-form__item--messages .lp-input{border-top-left-radius:0;border-top-right-radius:0;border-top:0;}
  
  .lp__messages{margin-top:1em;}
  .lp__messages:focus-within .lp-tab{border-bottom-color:var(--color);}
  .lp__messages:focus-within .lp-tab--active{border-color:var(--color);border-bottom-color:transparent;}
  .checkbox:checked{accent-color:var(--color);}
  
  label *{pointer-events:none;}
  
/* Storyteller */
  
	
	#storyteller-video,
	#pipeRecordRTC-storyteller-video{height:auto !important;}
	#pipeSafariNotification-storyteller-video{position:relative;z-index:1;}
	
	.storyteller-video-container{border-radius:4px;border:1px solid #ddd;padding:20px;margin-bottom:1.1em;}
	.storyteller-video-container strong{font-size:1.1em;}
	.storyteller-video-container ul{padding-left:1.75em;}
	.storyteller-video-container li{position:relative;line-height:110%;list-style-type:none;margin:0.5em 0;}
	.storyteller-video-container li svg{color:var(--color);position:absolute;left:-1.5em;}
	
  #storyteller-video{overflow:hidden;border-radius:4px;margin-bottom:0;}
  #storyteller-video *{font-family:var(--body-family);}
  .storyteller__pipe__actions{display:flex;justify-content:center;height:0px;padding-left:40px;position:relative;}
  .storyteller__skip{font-size: 12px;color: var(--lighttextcolor) !important;display:block;text-align:center;padding:10px;margin:10px 0; }
  .storyteller__skip:hover{text-decoration:underline;}
  .storyteller__record_btn{border-radius:30px;bottom:45px;box-shadow:0 0 0 1px #fff;color:var(--viera) !important;display:none;font-size:24px;height:40px;line-height:0px;margin:unset;padding:8px 5px;position:relative;text-align:center;width:40px;}
  .storyteller__record_btn:hover{box-shadow:0 0 0 3px #fff;}
  .storyteller__play_btn{height:40px;text-align:center;width:40px;bottom:45px;color:rgba(255,255,255,0.75) !important;display:none;font-size:24px;line-height:0px;margin:unset;padding:8px 5px;position:relative;}
  .storyteller__play_btn:hover{color: rgba(255,255,255,1) !important;}
  .storyteller__play_btn:disabled{opacity:0;pointer-events:none;}
  .storyteller__play_btn .fa-play{transform:translateX(2px);}
  .pipeFileInput{align-items:center;background:none;border-radius:4px;border:1px dashed var(--color);color:var(--color) !important;display:none;justify-content:center;padding:20px 0;}
  .pipeRecordRTC{width:100% !important;}
  .pipeRecordRTC span{width: 100%;height: 100% !important;position:relative !important;margin:0 !important;left:0 !important;}
  .pipeRecordRTC g{display: none;}
  #pipeClickPowered-storyteller-video{display:none;}
  #pipeStartRecording-storyteller-video{align-items:center;height:100%;width:100%;}
  #pipeStartRecording-storyteller-video > div{margin:auto;}
  .pipeCamContainerNoMenu{left:0 !important;right:unset !important;}
	
  #pipe-upload-form-storyteller-video:has(.storyteller--upload-done){cursor:default;}
  #pipe-upload-wrap-storyteller-video{justify-content:center !important;margin-top:20px;transition:0.2s all}
  #pipe-upload-wrap-storyteller-video > *{color:var(--color) !important;fill:var(--color);}
  #pipe-upload-wrap-storyteller-video:hover > *{color:var(--bright-color) !important;fill:var(--bright-color);}
  .pipeStartUploading{max-height: 5px;}
  .pipeMobileRecorder{width:auto;}
	#storyteller_submit[disabled]{display:none;}
  #id_sendbtn_div.storyteller__buttons #lp-send[disabled]{display:none;}
  #storyteller-container .lp-btn{margin-top:0;}
  .storyteller--upload-progress,
  .storyteller--upload-done{display:unset !important;}
  .storyteller--upload-progress #pipeUploadIcon-storyteller-video,
  .storyteller--upload-done #pipeUploadIcon-storyteller-video{display:none;}
  .storyteller--upload-progress #pipeCustomUpload-storyteller-video{width: 100%;}
  .storyteller--upload-done{pointer-events: none;}

  /* HIDE STORYTELLER UPLOAD BUTTON BY DEFAULT */
  #storyteller-video #pipe-upload-form-storyteller-video{display:none !important;}
  /* SHOW STORYTELLER UPLOAD BUTTON WHEN ENABLED */
  #storyteller-video.storyteller--upload-enabled #pipe-upload-form-storyteller-video{display:block !important;}

/* Patch Calling */
  
  .patchcall{margin: 1em 0;}
  .patchcall__recipient{box-shadow: inset 0 0 0 1px #CCC;border-radius:4px;color:#000 !important;display: flex;gap:0.75em;padding:0.5em 0.75em;margin:0.5em 0;align-items:center;}
  .patchcall__recipient:hover{box-shadow: inset 0 0 0 3px var(--color);}
  .patchcall__recipient span:empty{display:none;}
  .patchcall__recipient--in_progress{box-shadow: inset 0 0 0 1px var(--color);animation: 1s ease-in-out infinite glow;}
  .patchcall__recipient--completed{background-color: #eee;}
  
  .patchcall__recipient__status,
  .patchcall__recipient__time,
  .patchcall__recipient__count{color:var(--color);font-size:80%;font-weight:bold}
  
  .lp--lightcolor .patchcall__recipient__status,
  .lp--lightcolor .patchcall__recipient__time,
  .lp--lightcolor .patchcall__recipient__count{color:#000;}
  
  .patchcall__recipient__name{flex:1;}
  .patchcall__unreachable {color: var(--lighttextcolor);border-top: 1px solid #eee;margin: 1rem 0 0;padding: 1rem 0 0;font-style: italic;text-align: center;font-size: calc(var(--body-size) - 2px);}
  
  @keyframes glow {
    0% {box-shadow: 0 0 0 var(--bright-color), inset 0 0 0 1px var(--color);}
    50% {box-shadow: 0 0 8px var(--bright-color), inset 0 0 0 1px var(--color);}
    100% {box-shadow: 0 0 0px var(--bright-color), inset 0 0 0 1px var(--color);}
  }

/* Saved Advocate View */
  .lp__advocate_info{border: 1px solid var(--color);border-radius: 3px;padding: 8px 12px;}
  .lp__advocate_info__edit{color:var(--color);cursor: pointer;float:right;opacity:0.5;transition:0.2s all;}
  .lp__advocate_info__edit:hover{opacity:1;}
  .lp__advocate_info span{display:block;}
  
  .lp--lightcolor .lp__advocate_info__edit{color:var(--contrast);}
  
  #id_sendbtn_div{display:flex;flex-wrap:wrap;}
  #id_sendbtn_div > .lp-btn{width:unset;}
  #id_sendbtn_div div{flex-basis:100%;}
  #id_sendbtn_help_div{text-align:end;}
  #id_sendbtn_help_div > button{color:var(--color);font-weight:bold;font-size:12px;}
  
  .lp--lightcolor #id_sendbtn_help_div > button{color:#000;text-decoration:underline;}

/* Action Centers */
  
  .ac{font-family:var(--body-family);font-size:var(--body-size);font-weight:var(--body-weight);padding:0 max( 24px, calc( ( 100vw - 1400px - 24px * 2) ) / 2 );}
  .ac__header{padding:40px 0;}
  .ac__title{font-family:var(--heading-family) !important;font-size:var(--heading-size) !important;line-height:1em;font-weight:var(--heading-weight) !important;}

  .ac-navbar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:20px 5px;margin-left:-5px;margin-right:-5px;position:sticky;top:0;z-index:160000 !important;}
  .ac-navbar__logo{display:inline;vertical-align:middle;max-height:120px;width:auto;}

  .choices{min-width:125px;max-width:100%;width:30vw;}

  .lp-box{background-color:var(--color);height:100%;display:flex;padding:15% 10%;cursor:pointer;background-size:cover;transition:0.2s all;position:relative;overflow:hidden;}
  .lp-box:hover{background-color:var(--bright-color);}
  .lp-box__bg{background-size:cover;position:absolute;top:0;bottom:0;right:0;left:0;z-index:1;transition:0.5s all;}
  .lp-box:hover .lp-box__bg{transform:scale(1.1);}
  .lp-box__inner{background-color:#fff;margin:auto;padding:2px 20px;width:100%;position:relative;z-index:2;}

  .lp-box__title{font-family:var(--heading-family) !important;font-size:var(--body-size) !important;line-height:1em;font-weight:var(--heading-weight) !important;}
  .lp-box__subtitle{text-transform:uppercase;font-size:14px;font-weight:bold;}

  .ac__state{}
  .ac__state{fill:#eee;}
  .ac__state--inactive{pointer-events:none;}
  .ac__state--active{fill:var( --color);cursor:pointer;transition:0.2s all;}
  .ac__state--fallback{fill:var( --bright-color);}
  .ac__state--current, .ac__state--active:hover{fill:var( --dark-color);}

  .ac__watermark{color:#fff;opacity:0.2;position:fixed;bottom:1vw;filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));padding:10px;text-transform:uppercase;font-size:13px;left:auto;bottom:0px;right:10px;}
  .ac__watermark:hover{color:var(--slime);opacity:1;filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.5));}

  .secret{visibility:hidden;}
  .show-scroll .secret{visibility:visible;}
  @media (max-width: 767px) {
    .secret{display:none;}
    .ac-navbar .choices{width:100%;}
    .show-scroll .secret{display:block;}
    .show-scroll .choices{width:30vw;}
  }