/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


/* Overall styling of registeration naviation */
.container{}

ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

ul.tabs li.current{
    background: #242424;
    color: white;
}

ul.profile-tabs li.p-current a{
  /* background: #242424; */
  /* font-weight: 700; */
  color: #d7b78a !important;
}

.tab-content, .profile-tab-content{
    display: none;
    border: 1px solid;
    /* background: #ededed; */
    padding: 15px;
}

.tab-content.current, .profile-tab-content.p-current{
    display: inherit;
}

.profile-tab-content.p-current {

}


/* Styling of input fields and main heading of indivdual tab */
.tab-content input, .tab-content select {
    padding: 5px;
    height: 40px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}

.tab-content label {
    color: #242424;
    font-size: 16px;
    font-weight: 600;
}

.tab-content > h5 {
    margin-top: 20px;
    margin-bottom: 10px;
}

form input[type="number"] {
  max-width: 100% !important;
  padding: 0 0 0 8px;
}

/* Select field styling */
select option {
  /* margin: 40px; */
  /* background: rgba(0, 0, 0, 0.3); */
  background-color: white;
  /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); */
}

.basic-size {
  display: flex;
}

.glow_hidden_field select[name="glow_nu_categories_specific"] {
  width: 100%;
}

#tab-1-dob .basic-size select {
  margin-right: 5px; 
  margin-top: 5px;
  width: 100%;
}

/* tab-1 styling */
.container .tab-1-inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#tab-1 .tab-1-section, #tab-2 .tab-1-section, #tab-3 .tab-1-section, #tab-6 .tab-1-section {
    display: flex;
    flex-direction: column;
    width: 45%;
    margin-right: 20px;
}

#tab-1-dob {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#tab-1-dob span {
    margin-right: 15px;
}

#tab-1-dob span select {
    padding-left: 5px;
}

/* Buttons */
.glow-next-btn, .glow-prev-btn {
    padding: 10px;
    margin: 20px 0px;
    background-color: #242424;
    /* background-color: #F9D9AC; */
    color: white;
    border: 1px solid #242424;
    border-radius: 4px;
    font-size: 16px;
}

.glow-nu-submit {
  padding: 10px;
  margin: 20px 0px;
  /* background-color: #242424; */
  background-color: #F9D9AC;
  color: #242424;
  border: 1px solid #F9D9AC;
  border-radius: 4px;
  font-size: 16px;
}

.glow-next-btn:hover, .glow-prev-btn:hover, .glow-nu-submit:hover {
    cursor: pointer;
}

/* Arrow icon */
.dashicons-arrow-left-alt:before, .dashicons-arrow-right-alt:before {
    /* line-height: 1.8; */
    font-size: 16px;
}

/* Textarea */
.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

textarea
{
  border:1px solid #999999;
  width:100%;
  margin:5px 0;
  padding:3px;
  resize: none;
}

/* Image upload */
html * {
    box-sizing: border-box;
  }

  .upload__box:hover {
    color: black !important;
  }
  .upload__inputfile, .upload__inputfile_profile{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }
  .upload__btn {
    display: inline-block;
    font-weight: 600 !important;
    color: white;
    text-align: center;
    min-width: 116px;
    padding: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid;
    background-color: #f9d9ac;
    border-color: #f9d9ac !important;
    border-radius: 4px;
    line-height: 26px;
    font-size: 16px;
  }

  .upload__btn {
    padding: 10px;
  }

  .upload__btn p {
      margin: 0 !important;
  }

  .upload__btn:hover {
    /* background-color: unset; */
    /* background-color: #3f3e3e; */
    color: black !important;
    transition: all 0.3s ease;
  }
  .upload__btn-box {
    margin-bottom: 10px;
  }

  .upload__btn-box:hover {
    color: black !important;
  }

  .upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  .upload__img-box {
    width: 200px;
    padding: 0 10px;
    margin-bottom: 12px;
  }


  .upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
  }
  .upload__img-close:after {
    content: '\2716';
    font-size: 14px;
    color: white;
  }
  .img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
  }
  

  /* Notification */
  .glow-hide {
    visibility: hidden;
  }

  .glow-message-wrapper {
    /* box-shadow:2px 2px 5px; */
    padding: 10px;
    margin: 10px 0px;
    background-color: #242424;
    color: #F9D9AC;
    display: flex;
    justify-content: space-between;

  }

  /* Star sign */
  .star {
    color: red;;
  }

  /* close button */
  .glow-close {
    cursor: pointer;
  }
  
  .glow-close-error, .glow-close-error-profile {
    cursor: pointer;
  }


/* Profile */
.sidebar-offcanvas {
  /* background-color: #f9d9ac; */
}

.sidebar-offcanvas .flex-column.pl-1 li a {
  color: black
}

.profile-tabs {
  padding: 20px 0;
}

.profile-tab-content {
  border: none;
}

.page-id-47033 .realfactory-page-wrapper, .page-id-46346 .realfactory-page-wrapper {
  background-color: #FAFAFA;
}

 .realfactory-page-wrapper .sidebar-offcanvas {
  background-color: white;
  padding-right: 0px;
  border: 1px solid #F2F2F2;
  font-size: 22.4px;
/*     margin-right: px; */
      
}
.qualification-sec h3 {
    margin: 16px 0 20px !important;
}
 .realfactory-page-wrapper .profile-tab-content {
  background-color: white;
  padding: 15px 15px;
  margin-left: 25px;
  border: 1px solid #F2F2F2;
}

 .realfactory-page-wrapper .row-offcanvas-left {
  flex-wrap: nowrap;
}



/* general stylin of the page */
/*.page-id-47033 h1, .page-id-47033 h2, .page-id-47033 h3, .page-id-47033 h4, .page-id-47033 h6 {*/
/*  font-weight: 400 !important;*/
/*}*/

/*.page-id-47033 h1 {*/
/*  font-size: 24px;*/
/*  margin-bottom: 5px !important;*/
/*}*/

/*.page-id-47033 h3 {*/
/*  font-size: 20px;*/
/*}*/

.btn-glow-members:hover {
  background-color: white !important;
  color: black !important;
  border: 1px solid #f9d9ac;
}

.btn-glow-members {
  background-color: #f9d9ac !important;
  color: black !important;
  font-weight: 600 !important;
}


/* profile contact */
.profile-dob {
  display: flex;
  align-items: center;
}

/* hide number field arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* upload button profile */
.profile-upload-btn-box {
  margin-bottom: 0px;
      
}

.profile-upload-btn-box:hover {
  color: black !important;
}

/* label */
.profile-upload-btn-label {
  padding: 0px 5px;
  font-weight: 400 !important;
  font-size: 1rem;
  background-color: #f9d9ac !important;
}

.profile-upload-btn-label:hover {
  color: black !important;
}

.upload__btn p:hover {
  color: black !important;
}

.single-glow_models .realfactory-page-title-wrap {
  display: none;
}


/* MEDIA QUERIES */
@media screen and (max-width: 959px) {

  /* .media-profile-cities {
    margin-left: -20px;
  } */

  .media-profile-states {
    border-right: none !important;
  }

  #sidebar {
    width: 100%;
  }

  #tab-1 form.container .col > a {
    width: 70%;
    margin-top: 10px;
}

.media-acting {
  padding-left: 1.9rem !important;
}

.media-influencer {
  flex-wrap: nowrap !important;
  /* min-height: 350px !important; */
}

.media-influencer-con {
  height: 600px !important;
}

}


.grow-profile_models{
    column-gap:1rem !important;
}








.page .realfactory-page-title-container.realfactory-container, .single .realfactory-page-title-container.realfactory-container {
  display: none !important;
}

@media screen and (max-width: 435px){
    .upload__img-box {
        width: 100px;
        padding: 0px 5px;
    }

    .mob-h5{
        padding-top: 15px;
    }
}
@media screen and (max-width: 400px){
    .upload__img-box {
        width: 88px;
    }

}
@media screen and (max-width: 320px){
    .upload__img-box {
        width: 112px;
    }

}