.emailoctopus-form input:not([type=submit]) {
    padding: 0px 7px !important;
    line-height: 1em !important;
    width: 100% !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1.5px solid var(--text-color) !important;
}

/*#field_0{
    background: red;
}*/

.info_text_wrapper {
    color: var(--text-color) !important;
    font-family: 'Folio' !important;
    display: grid !important;
}
.subscribeCont button span{
    margin-top: 3px !important;
}

label[for="your_name"], #your_name {
  display: none;
  visibility: hidden;
}
/*
input[type=submit]::after{
    content: url(svgs/arrow-right-01.svg);;
}*/

.buttonParentChild{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0.1em;
}
.buttonParentChild svg{
    width: 0.6em;
}

#thankyou{
    display: none;
    text-align: center;
}


.emailoctopus-form input:not([type=submit]):focus{
/*  border-color: transparent !important;*/
    outline: none !important;
    box-shadow: none !important;

}

.emailoctopus-form input:not([type=submit]){
    padding: 0px !important;
    line-height: 1.3em !important;
    width: 100%;
    background: transparent;
    font-size: 0.7em;
    border-radius: 0px !important;
}

.emailoctopus-form-row-hp, .mastfoot{
    display: none;
}

.emailoctopus-error-message{
    color: white !important;
}
.emailoctopus-form p{
    grid-row-start: 2 !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: var(--text-color); !important;
   opacity: 1 !important;
   font-family: "Folio"; 
  
}

#newsletter_label{
    font-family: "NEXTMono"; 
    text-transform: uppercase;
    margin-bottom: 1em;
}

.checkmark, .unchecked {
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 18px;
  background-color: transparent;
/*  border: 2px solid var(--highlight-color);*/
}

/* On mouse-over, add a grey background color */
.consentContainer input ~ .checkmark {
/*  background-color: var(--highlight-color);*/
    display: none !important;
}

/* When the checkbox is checked, add a blue background */
.consentContainer input:checked ~ .checkmark {
  display: block !important;
}

/* On mouse-over, add a grey background color */
.consentContainer input ~ .unchecked {
/*  background-color: var(--highlight-color);*/
    display: block !important;
}

/* When the checkbox is checked, add a blue background */
.consentContainer input:checked ~ .unchecked {
  display: none !important;
}

.consentContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.8em;
  font-family: "Folio";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
/*  width: 60%;*/
}

/* Hide the browser's default checkbox */
.consentContainer input {
  position: absolute;
  opacity: 0 !important;
  cursor: pointer;
  height: 0;
  width: 0;
  -webkit-tap-highlight-color: transparent
}

.subscribeCont button, .subscribeCont .btn {
    font-family: "Folio" !important;
    background: transparent !important;
    border: none !important;
    color: var(--highlight-color) !important;
    font-size: 0.7em;
    text-transform: uppercase !important;
    cursor: pointer !important;
    /* padding-left: 1.2em !important; */
    padding-left: 0px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    /* background: red; */
    width: auto !important;
}

.emailoctopus-form-row{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.emailoctopus-form-row-consent{
    grid-column-start: 2;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

textarea:focus, input:focus{
    outline: none !important;
/*    border: none !important;*/
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border-bottom: 1px solid #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  transition: background-color 5000s ease-in-out 0s !important;

}
.buttonParentChild svg{
    fill: var(--text-color);
}

input:-internal-autofill-selected{
    background: transparent !important;
    color: var(--highlight-color) !important;
    opacity: 1 !important;
}

input:focus::placeholder {
        color: transparent !important;
        opacity: 1 !important;
      }
.consentContainer input {
  position: absolute;
  opacity: 0 !important;
  cursor: pointer;
  height: 0;
  width: 0;
  -webkit-tap-highlight-color: transparent
}      

@media screen and (orientation:landscape){
    .subscribe{
        grid-column-start: 2;
        grid-column-end: 7;
        /* margin-left: 2em; */
/*        margin-right: 4em;*/

    }
}

@media screen and (orientation:portrait){
    .subscribe{
        width: calc(94vw);
        margin-left: calc(-35vw);
    }
}