/**
IMPORT AMOS-LAYOUT VARIABLES
 */
@import (optional) "../../vendor/elitedivision/amos-layout/src/assets/resources/base/less/variables.less";
@import (optional) "../../vendor/elitedivision/amos-layout/src/assets/resources/base/less/utility.less";

/**
IMPORT STYLE-CUSTOM
 */
@import (optional) "../../backend/web/less/style_custom.less";

///////////// INVITATION REGISTER CONFIRM //////////////
.container-mod{
  padding: 0 3%;
}



.event-form{
  position: relative;
  clear: both;
}
.header-form{
  height: 365px;
  overflow: hidden;
  position: relative;
  margin: -5px 15px 0px;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .header-form_caption{
    position: absolute;
    bottom: 0;
    padding: 0 3%;
    display: flex;
    color: #fff;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    > div{
      padding: @padding-min @padding-medium;
    }
    .form_caption_date{
      background-color: @primary-color;
      height: fit-content;
      .event-day{
        margin: 0;
        font-size: 3em;
        font-weight: bold;
        line-height: 1em;
      }
      .event-month{
        margin: 0;
        font-size: 1.7em;
        padding-bottom: @padding-min;
        font-weight: bold;
        text-transform: uppercase;
      }
      .event-year{
        margin: 0;
        font-size: 1.2em;
        letter-spacing: 3px;
        padding-top: @padding-min;
      }
    }
    .form_caption_title{
      span{
        font-size: 1.65em;
      }
      h2{
        font-size: 2.5em;
        font-weight: bold;
        margin: 0;
      }
    }
  }
}

.event-confirm-form{
  > .row{
    padding: 15px 15px 5px 15px;;
    background-color: #ededed;
    margin-bottom: calc(@margin-default * 2);
  }
  input{
    border: none !important;
  }
  label{
    text-transform: uppercase !important;
    color: #595959 !important;
  }
  h3{
    font-weight: bold;
  }
}

.event-confirm-description{
  margin: 15px 0 5px 0;
  h2{
    font-weight: bold;
    margin-top: 50px;
  }
  h4{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
}

///////////// END INVITATION REGISTER CONFIRM //////////////





.icon-calendar-intro {
  float: left;
  margin-right: 10px;
}

.save-draft-icon, .publish-icon {
  background: transparent;
  border: 0;

  &:hover {
    opacity: 0.8;
  }
}

.save-draft-icon {
  color: #888787;

  > span {
    color: #888787;
  }

  .icon-text {
    color: #888787;
    font-weight: bold;
  }
}
.publish-icon {
  > span {
    color: @primary-color;
  }

  .icon-text{
    color: @primary-color;
    font-weight: bold;
  }
}

.boxed-data {
  font-weight: bold;
}

#tab-staff .container-tools,
#tab-participants .container-tools {
  margin: 0;
  padding: 10px 15px;
}

.inline-boxed > div {
  padding: 0 5px;

  &:first-child {
    padding-left: 0;
  }

  &:last-child {
    padding-right: 0;
  }

  @media(max-width: 991px){
      padding: 0;
  }
}

//TODO insert class into code
//fix for amos-layout btn add type event select2
.addNew .btn.btn-primary{
  color: @white-color;
}