@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{
    margin: 0;
    font-family: 'Public Sans', sans-serif;
}
*{
    -webkit-tap-highlight-color: transparent
}
/* Signup */
.domain-left{
    margin-left:2px;
}
.signup-parent{
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.copyright-parent{
    margin-top: auto;
}

/*login page*/
a{
    text-decoration: none;
}
.inkSigma,.loginPage,.magicLink{
    margin-left: auto;
    margin-right: auto;
}
.inkSigma img{
    display: block;
    margin-top: 135px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 56px;
    width: 127px;
}
.loginPage{
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    width: 260px;
}
.form-title{
    margin-bottom: 64px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
}
.loginPage input{
    /* outline: none;
    border: none;
    width: 98.5%;
    margin-top: 12px;
    margin-bottom: 6px;
    padding: 0;
    font-family: inherit; */
    border:none;
    border-bottom: 1.5px solid #C8C8C8;
    width: 98.5%;
    margin-top: 12px;
    margin-bottom: 6px;
    padding: 5px 2px;
    outline: none;
    font-family: inherit; 
}
.loginPage input:hover{
    border-bottom: 1.5px solid #727272;
}
.loginPage input:focus{
    border-bottom: 1.5px solid #808080;
}
.alert{
    color: #A30000;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    background: var(--tint-red-tint, #FFD6D6);
    padding: 12px 16px;
    line-height: 1.4
}
.success-alert{
    color: #267F24;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    background: var(--tint-red-tint, #D5F2D4);
    padding: 12px 16px;
}

.label_txt{
    color: #2E2E2E;
    font-size: 14px;
    font-weight: 600;
}
input::placeholder{
    text-indent:-1px;
    color: #C8C8C8;
    font-size: 14px;
    font-family: inherit;
}
.show-hide-txt{
    color: #808080; 
    font-size: 12px; 
    font-weight: 500; 
    height: 0px;
    margin-top: -8px;
    cursor: pointer;
    margin-left: -32px;
}
.show-hide-txt:hover{
    color: #404040;
}
.primary-btn{
    background-color:black; 
    color:#EDEDED; 
    padding: 8px 16px;
    height: 32px !important;
    font-size: 14px;
    cursor: pointer;
    box-shadow: none;
    border-radius: 4px !important;
    width: fit-content !important;
}
.save .primary-btn{
    box-shadow: none !important;
}
.primary-btn:hover{
    background-color: #2A2A2A;
}
.secondary-btn{
    color:#2E2E2E;
    display: flex; 
    justify-content: center; 
    align-items: center; 
    font-size: 14px;
    padding: 8px 16px;
    gap: 8px; 
    border: 1px solid #ECECEC;
    background-color:#F8F8F8;
    padding: 8px 16px;
    height: 32px;
    border-radius: 4px;
}
.secondary-btn:hover{
    background-color: #EAEAEA;
    border: 1px solid #ECECEC;
}

.create-publication .setup{
    color:#404040; font-size: 14px;
}
.create_acct{
    color: #4B4B4B; 
    padding-left: 6px;
    text-decoration-line: underline;
    text-underline-offset: 3px;
}
.create_acct:hover{
    color: #000 !important;
    text-decoration: underline;
}
.or_txt{
    color: #ABABAB; 
    margin-top: 24px; 
    margin-bottom: 24px; 
    text-align: center; 
    font-size: 14px;
}
.new_txt{
    color: #2E2E2E; 
    margin-top: 24px; 
    text-align: center; 
    font-size: 14px;
}
/* .fp_txt{
    margin-top: 12px;
} */
.fp_txt a{
   color: #A4A4A4; 
   font-size: 14px; 
   font-weight: 500;
}
.fp_txt a:hover{
    color: #696969;
}
.horizontal-line{
    border-bottom: 1.5px solid #C8C8C8; 
    margin-bottom: 24px;
}
button, .send-mail-btn{
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px; 
    font-weight: 500;
}
.send-mail-btn{
    text-align: center;
    color: #EDEDED;
    background-color: #000;
} 
.send-mail-btn:hover{
    background-color: #2A2A2A;
}
.login_alert span{
    color: #7A37AE;
    font-size: 12px;
    font-weight: 600;
}
.login_alert{
    border-radius: 4px;
    background-color: #F3EEFF;
    margin-top: 24px;
    padding: 12px 16px;
}
.underline_txt{
    text-decoration: underline;
}
.btn-secondary{
    border: 1px solid #ECECEC;
    background: #F4F4F4;
    padding: 8px 16px;
}
.btn-secondary:hover{
    background: #EAEAEA;
}
.magicLink{
    width: 260px;
}
/* [placeholder]:focus::-webkit-input-placeholder {
    transition: text-indent 0.4s 0.4s ease; 
    text-indent: 100%;
    opacity: 1;
 } */
 .dt_gbk{
    display: flex; 
    align-items: center; 
    justify-content: center;
    font-weight: 600; 
    gap: 8px; 
    background: none; 
    margin-top:32px; 
    color: #696969;
    /* margin-bottom: 372px; */
    font-size: 14px;
 }
 /* .dt_gbw{
    margin-bottom: 160px !important;
 } */
 .dt_gbk:hover{
    color: #2E2E2E;
 }
 .pub_img{
    border-radius: 50%;
    width: 64px;
    height: 64px;
    object-fit: fill;
    cursor: pointer;
    display: block;
    border: 1px solid #EDEDED;
 }
 .magic-link input{
    border:none;
    border-bottom: 1.5px solid #C8C8C8;
    width: 98.5%;
    margin-top: 12px;
    margin-bottom: 6px;
    padding: 5px 0px;
    outline: none;
    font-family: inherit; 
}
.magic-link{
    margin-bottom: 40px;
}
.magic-link input:hover{
    border-bottom: 1.5px solid #727272;
}
.magic-link input:focus{
    border-bottom: 1.5px solid #808080;
}
.profile-picture{
    width: 34px;
    height: 34px;
    object-fit: cover;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
}
.user-profile:hover{
    background-color: #f6f6f6;
}
.copyright p{
    text-align: center; 
    color: #A4A4A4;
    font-size: 12px;
}
.copyright a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3.5px;
    font-size: inherit; 
}
.start-writing input{
    color: #A941FB !important;
    border-bottom: none !important;
}
.copyright{
    color: #B0B0B0; 
    font-size: 14px; 
    margin-top: 32px;
    margin-bottom: 16px;
    /* position: absolute; */
    bottom: 10px;
    width: 100%;
    font-family: 'Inter', sans-serif;
}
.dropdown-button li {
    list-style: none;
}
.pub_das span{
    font-size: 16px; 
    font-weight: 700;
    color: #000;
    font-weight: 700;
}
.mt_4{
    margin-top: -2px !important;
}
.picture-state:hover{
    filter: brightness(90%);
}
.picture-state:active{
    filter: brightness(75%);
}

.bio-underline{
    margin-top: 8px;
    font-size: 10px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: #C8C8C8;
    text-decoration: underline solid  1.5px;
    text-underline-offset: 8px;
    color:#a4a4a4;
}
.bio-input:hover + .bio-underline{
    text-decoration-color:#727272 !important;
}

/* verify account list style */
.dt_bg li{
    list-style-type: none;
}

@media only screen and (min-width: 280px) and (max-width: 1000px){
    .feedback-btn{
        position: fixed;
        bottom: 16px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='19' viewBox='0 0 21 19' fill='none'%3e%3cpath d='M3.28125 1.2365C2.7591 1.2365 2.25835 1.43191 1.88913 1.77975C1.51992 2.12758 1.3125 2.59935 1.3125 3.09126V11.7468C1.3125 12.2387 1.51992 12.7105 1.88913 13.0583C2.25835 13.4061 2.7591 13.6015 3.28125 13.6015H5.6875V17.555C5.6875 17.7224 5.88875 17.8205 6.034 17.7216L12.096 13.6015H17.7188C18.2409 13.6015 18.7417 13.4061 19.1109 13.0583C19.4801 12.7105 19.6875 12.2387 19.6875 11.7468V3.09126C19.6875 2.59935 19.4801 2.12758 19.1109 1.77975C18.7417 1.43191 18.2409 1.2365 17.7188 1.2365H3.28125ZM0 3.09126C0 2.2714 0.345702 1.48513 0.961056 0.905408C1.57641 0.325685 2.41101 0 3.28125 0H17.7188C18.589 0 19.4236 0.325685 20.0389 0.905408C20.6543 1.48513 21 2.2714 21 3.09126V11.7468C21 12.5666 20.6543 13.3529 20.0389 13.9326C19.4236 14.5124 18.589 14.838 17.7188 14.838H12.5204L6.80225 18.7248C5.789 19.4131 4.375 18.7314 4.375 17.5542V14.838H3.28125C2.41101 14.838 1.57641 14.5124 0.961056 13.9326C0.345702 13.3529 0 12.5666 0 11.7468V3.09126Z' fill='%23B7B7B7'/%3e%3c/svg%3e") !important;
        padding: 16px !important;
        height: 46px !important;
        width: 46px !important;
        border-radius: 50px !important;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: 14px;
        flex-wrap: nowrap !important;
        border: 1px solid #ECECEC;
        box-shadow: -2px 6px 16px 0px rgba(0, 0, 0, 0.12) !important;
        transform: translate(22px,12px);
        background-color: #fff !important;
      }
    .side-nav-both .feedback-btn {
        position: fixed !important;
          bottom: 114px !important;
          left: 0 !important;
          right: 0 !important;
          border-top: none !important;
          background-color: none !important;
          z-index: 9999;
          /* height: 0px !important; */
      }
      .feedback-btn li{
        display: none;
      }
      .sub-ul{
        background-color:  none !important;
      }

}



/* Alert */

/* .alert-me{
    display: none;
    width: fit-content;
    position: absolute;
    top:0px;
    left: 50%;
    right: 50%;
    z-index: 999;
    padding: 10px 24px;
    box-shadow: 8px 4px 16px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  transition: top 0.5s ease-in-out;
  }
  
  .alert-me.sucess-alert{
    background-color: #d5f2d4;
    animation: alertfadein 3s cubic-bezier(0.01, 0, 0.37, 1.32) 0ms 1;
    display: flex;
    align-items: center;
  }
  .alert-me.sucess-alert > span{
      background-position-y: -569px;
      width: 24px!important;
      height: 24px !important;
      background-size: 140% !important;
      margin-right: 8px;
      background-position-x: center;
      background-image: url(../blogs/images/Ideal_state_blog_Pages_icon.png);
      background-repeat: no-repeat;
  }
  .alert-me.fail-alert{
    background: #FFD6D6;
    animation: alertfadein 3s cubic-bezier(0.01, 0, 0.37, 1.32) 0ms 1;
    display: flex ;
    align-items: center;
  }
  .alert-me.fail-alert > span{
      background-position-y: -592px;
      width: 24px!important;
      height: 24px !important;
      background-size: 140% !important;
      margin-right: 8px;
      background-position-x: center;
      background-image: url(../blogs/images/Ideal_state_blog_Pages_icon.png);
      background-repeat: no-repeat;
  }
  .alert-me.fail-alert > p{
    color:#a30000;
  }
  
  @keyframes alertfadein {
    0%{
      top:0px;
    }
    10%{
      top:75px;
    }
    95%{
      top:75px;
    }
    100%{
      top:0px;
    }
  }
  .alert-me p{
    font-weight: 400;
  font-size: 16px;
  white-space: nowrap;
  }
  
  .sucess-alert p{
    color: #267F24;
  }
  .failure-alert p{
    color: #A30000;
  } */

/*end*/