/* ===== ===== ===== ===== ===== ===== ===== =====  */
/* Every Page Must change these two to match the colour */
/* ===== ===== ===== ===== ===== ===== ===== =====  */
input[id=search]:-webkit-autofill,
input[id=search]:-webkit-autofill:hover, 
input[id=search]:-webkit-autofill:focus, 
input[id=search]:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #2851B0 inset !important;
}
/*-------------------------------------------------------  */

/* ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
/* Every Detail page Must change these two to match form css */
/* ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== */
input[name=name]:-webkit-autofill,
input[name=name]:-webkit-autofill:hover, 
input[name=name]:-webkit-autofill:focus, 
input[name=name]:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #212121 inset !important;
}

input[name=email]:-webkit-autofill,
input[name=email]:-webkit-autofill:hover, 
input[name=email]:-webkit-autofill:focus, 
input[name=email]:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #212121 inset !important;
}
input[name=name], input[name=email]{
    -webkit-text-fill-color: #efefef;
}
/*-------------------------------------------------------  */

.event__banner{
    height: auto; 
    width: 100%
}

.tags{
    padding: 10px;
    border: 1px white solid;
    font-size: 16px;
    line-height: 3;
}
.form-container{
    height:100%;
    vertical-align: bottom;
    position: relative;
    overflow: hidden;
}

.offset{  
    box-shadow: 
        0 0 0 0 #FFF,
        inset 50em 50em 0 0 #212121;
    color: #efefef;
    border: 1px solid #efefef;
    transition: 0.25s;
    padding: 5px 30px;
    text-align: left;
}
.offset:hover,
.offset:focus {
    box-shadow: 
      0.5em 0.5em 0 0 #FFF,
      inset 50em 50em 0 0 #E1A31A;
  }