ELINA STYLESHEETS TO GO IN AVADA STANDARD STYLE SHEET

[fusion_accordion type=”toggles” boxed_mode=”” border_size=”1″ border_color=”” background_color=”” hover_color=”” divider_line=”” title_font_size=”” icon_size=”” icon_color=”#ffffff” icon_boxed_mode=”” icon_box_color=”#ec038c” icon_alignment=”” toggle_hover_accent_color=”#ec038c” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”whitetext” id=””][fusion_toggle title=”Original Elina Stylesheet” open=”no”]

/*Styles for Elina Booking Engine.You can edit and copy this styles when updating the theme */
#standardFormElina .fieldElina label {
display: block;
}

#standardFormElina input,
#standardFormElina select {
border-radius: 0;
color: #fff;
box-shadow: none;
width: auto;
text-indent: 10px;
padding: 12px 0px;
height: auto;
display: block;
line-height: normal;
transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
min-width: 80%;
width: 99%;
font-weight: bold;
margin: 5px 0;
}

#standardFormElina select {
-webkit-appearance: none;
-webkit-border-radius: 0px;
color: #fff;
transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

#standardFormElina {
margin-left: auto;
margin-right: auto;
display: block;
overflow: hidden;
}

#standardFormElina input#bookingInputButton {
border-color: #FFF;
color: #ec008c;
padding: 0;
line-height: normal;
height: 46px;
margin: 20px 0;
text-align: center;
text-indent: 0 !important;
padding-left: 18px;
padding-right: 18px;
}

#standardFormElina .fieldElina.bookButtonElina {
margin-right: 0;
margin-left: 0;
width: 50%;
text-align: center;
}

#standardFormElina.bookRoom .fieldElina {
width: 19%;
float: left;
margin-left: 2.5%;
}

#standardFormElina.bookRoom.two .fieldElina,
#standardFormElina.bookRoom.three .fieldElina {
width: 20%;
float: left;
margin-right: 1%;
margin-left: 0;
}

#standardFormElina.bookRoom .fieldElina input,
#standardFormElina.bookRoom .fieldElina select {
color: #aaa9a9 !important;
}

#standardFormElina.bookRoom .fieldElina input.hasDatepicker {
background-image: url(‘https://hotelpelirocco-bookings.elinapms.com/elina/img/calendarIco.png’)no-repeat 95%;
background-color: #fff;
}

#standardFormElina.bookRoom.One {
width: 97%;
background: #ec038c;
padding: 20px 3%;
}

#standardFormElina.bookRoom.two,
#standardFormElina.bookRoom.three {
width: 100%;
background: #000;
padding: 20px 1%;
}

#standardFormElina.bookRoom .fieldElina.bookPeopleElina {
width: 10%;
}

#standardFormElina.bookRoom.three .fieldElina.bookPeopleElina {
width: 15%;
}

#standardFormElina.bookRoom input#bookingInputButton {
font-family: special elite;
padding-left: 0;
padding-right: 0;
background: #000;
color: #fff;
border: none;
text-shadow: none;
color: #fff !important;
font-size: 21px;
margin-top: 28px;
text-transform: lowercase;
}

#standardFormElina.bookRoom.two input#bookingInputButton,
#standardFormElina.bookRoom.three input#bookingInputButton {
background: #ec038c;
}

#standardFormElina.bookRoom.two .fieldElina.bookButtonElina {
width: 20%;
}

#standardFormElina.bookRoom label {
font-family: special elite;
text-align: center;
text-transform: lowercase;
letter-spacing: 1.5;
font-size: 21px;
margin-bottom: 10px;
}

#standardFormElina.bookRoom.two label {
font-size: 18px;
color: #fff;
}

#standardFormElina.bookRoom.three label {
color: #ec038c !important;
}

#ui-datepicker-div {
z-index: 999999 !important;
}

#standardFormElina select {
font-size: 13px !important;
text-indent: 10px;
}

/*new stylesheet for elina8|*/
#standardFormElina.bookRoom.three.New label {
display: none;
}

#standardFormElina.bookRoom.three.New p,
#standardFormElina.bookRoom.three.New br {
display: none;
}

#standardFormElina.bookRoom.three.New {
width: 100%;
background: none;
border: 1px solid rgba(255, 255, 255, 0.5);
margin-top: 20px;
}

#standardFormElina.New input,
#standardFormElina.New select {
width: 100%;
margin: 0;
font-size: 14px;
border: 1px solid #e5e5e5;
font-weight: normal;
}

#standardFormElina.bookRoom.three.New .fieldElina {
width: 100%;
margin-bottom: 10px;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookCheckInElina,
#standardFormElina.bookRoom.three.New .fieldElina.bookCheckOutElina {
width: 45%;
float: left;
margin: 0;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookPromoElina input {
text-align: center;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookPeopleElina {
position: relative;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookPeopleElina:after {
content: ‘\25BC’;
color: #000000;
right: 11px;
position: absolute;
pointer-events: none;
top: 12px;
}

/* IE11 hide native button (thanks Matt!) */
#standardFormElina.bookRoom.three.New .fieldElina.bookPeopleElina select::-ms-expand {
display: none;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookPeopleElina select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
height: 43px;
/* padding: 0px 24px; */
background-color: #ffffff;
background-image: none;
-ms-word-break: normal;
word-break: normal;
text-align: center;
text-align-last: center;
font-size: 14px !important;
}

#standardFormElina.bookRoom.three.New .fieldElina.arrow {
padding: 12px 0 12px 0px;
width: 10%;
float: left;
margin: 0;
background: white;
text-align: center;
color: black;
}

#standardFormElina.bookRoom.three.New .wrap {
position: relative;
border: 1px solid #e5e5e5;
overflow: hidden;
margin-bottom: 10px;
}

#standardFormElina.bookRoom.three.New .wrap img {
position: absolute;
right: 10px;
top: 10px;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookCheckInElina input,
#standardFormElina.bookRoom.three.New .fieldElina.bookCheckOutElina input {
padding: 14px 10px;
text-indent: 0;
border: none;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookCheckInElina input:focus,
#standardFormElina.bookRoom.three.New .fieldElina.bookCheckOutElina input:focus {
outline: none;
}

#standardFormElina.bookRoom.New input#bookingInputButton {
margin-top: 0;
background: black;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookCheckInElina input {
text-align: right;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookCheckOutElina input {
text-align: left;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookPeopleElina {
width: 100%;
margin: 0 0 10px 0;
}

#standardFormElina .elinaFieldCol {
float: left;
width: 15%;
margin-right: 1%;
}

#standardFormElina .elinaFieldCol.x05 {
float: left;
width: 9%;
margin-right: 1%;
}

#standardFormElina .elinaFieldCol.x2 {
float: left;
width: 39%;
margin-right: 1%;
}

#standardFormElina .elinaFieldCol input {
color: black;
height: 40px;
}

#standardFormElina .elinaFieldCol button {
background: #ec058c;
border: 0;
height: 41px;
margin-top: 26px;
color: #fff;
font-family: special elite;
font-size: 21px;
text-transform: lowercase;
width: 100%;
}

#standardFormElina .elinaFieldCol br {
display: none;
}

#standardFormElina .elinaFieldCol #priceTotal {
margin-top: 35px;
display:none!important;
color:transparent!important;
}
#standardFormElina .elinaFieldCol #loader{
display:none!important;
color:transparent!important;
}

@media only screen and (max-width: 1200px) {

#standardFormElina.bookRoom.three.New .fieldElina.bookCheckInElina,
#standardFormElina.bookRoom.three.New .fieldElina.bookCheckOutElina,
#standardFormElina .elinaFieldCol,
#standardFormElina .elinaFieldCol.x2,
#standardFormElina .elinaFieldCol.x05 {
width: 100%;
float: none;
}

#standardFormElina.bookRoom.three.New .fieldElina.arrow,
#standardFormElina.bookRoom.three.New .wrap img {
display: none;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookCheckInElina input,
#standardFormElina.bookRoom.three.New .fieldElina.bookCheckOutElina input {
text-align: center;
}

#standardFormElina.bookRoom.three.New .fieldElina.bookCheckInElina input {
margin-bottom: 10px;
}
}

@media only screen and (max-width: 800px) {

#standardFormElina.bookRoom .fieldElina,
#standardFormElina.bookRoom .fieldElina.bookPeopleElina,
#standardFormElina.bookRoom.two .fieldElina,
#standardFormElina.bookRoom.three .fieldElina,
#standardFormElina .elinaFieldCol {
width: 96%;
float: none;
display: block;
margin-top: 10px;
}

#standardFormElina.bookRoom.two,
#standardFormElina.bookRoom.three {
width: 96%;
background: #000;
padding: 20px 2%;
}

#standardFormElina.bookRoom.two .fieldElina,
#standardFormElina.bookRoom.three .fieldElina {
margin-left: 0;
margin-right: 0;
width: 100% !important;
}

#standardFormElina.bookRoom.two .fieldElina.bookButtonElina,
#standardFormElina.bookRoom.three .fieldElina.bookButtonElina {
width: 100%;
}
}

@media only screen and (min-width: 801px) and (max-width: 1125px) {
#standardFormElina.bookRoom label {
font-size: 15px !important;
}

#standardFormElina.bookRoom .fieldElina {
width: 19% !important;
float: left;
margin-left: 1%;
}

#standardFormElina.bookRoom.three .fieldElina {
width: 96%;
float: none;
display: block;
margin-top: 10px;
}

#standardFormElina.bookRoom.three {
width: 96%;
background: #000;
padding: 20px 2%;
}

#standardFormElina.bookRoom.three .fieldElina {
margin-left: 0;
margin-right: 0;
width: 100% !important;
}

#standardFormElina.bookRoom.three .fieldElina.bookButtonElina {
width: 100%;
}
}

[/fusion_toggle][fusion_toggle title=”Modified Elina Stylesheet” open=”no”]

/*Styles for Elina Booking Engine.You can edit and copy this styles when updating the theme */
#standardFormElina .fieldElina label {
display: block;
}

/*FRITZ TRYING TO TAKE OFF ALL LABELS*/
#standardFormElina .fieldElina label {
display: none;
}

#standardFormElina input,
#standardFormElina select {
border-radius: 0;
color: #fff;
box-shadow: none;
width: auto;
text-indent: 10px;
padding: 12px 0px;
height: auto;
display: block;
line-height: normal;
transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
min-width: 80%;
width: 99%;
font-weight: bold;
margin: 5px 0;
}

#standardFormElina select {
-webkit-appearance: none;
-webkit-border-radius: 0px;
color: #fff;
transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

#standardFormElina {
margin-left: auto;
margin-right: auto;
display: block;
overflow: hidden;
}

#standardFormElina input#bookingInputButton {
border-color: #FFF;
color: #ec008c;
padding: 0;
line-height: normal;
height: 40px;
margin: 50px 0 25px 0;

text-align: center;
text-indent: 0 !important;
padding-left: 18px;
padding-right: 18px;
}

#standardFormElina .fieldElina.bookButtonElina {
margin-right: 0;
margin-left: 0;
width: 50%;
text-align: center;
}

#standardFormElina.bookRoom .fieldElina {
width: 19%;
float: left;
margin-left: 2.5%;
}

#standardFormElina.bookRoom.two .fieldElina,
#standardFormElina.bookRoom.three .fieldElina {
width: 20%;
float: left;
margin-right: 1%;
margin-left: 0;
}

#standardFormElina.bookRoom .fieldElina input,
#standardFormElina.bookRoom .fieldElina select {
color: #aaa9a9 !important;
}

#standardFormElina.bookRoom .fieldElina input.hasDatepicker {
background-image: url(‘https://hotelpelirocco-bookings.elinapms.com/elina/img/calendarIco.png’)no-repeat 95%;
background-color: #fff;
}

#standardFormElina.bookRoom.One {
width: 97%;
background: #ec038c;
padding: 20px 3%;
}

#standardFormElina.bookRoom.two,
#standardFormElina.bookRoom.three {
width: 100%;
background: #000;
padding: 5px 1%;
}

#standardFormElina.bookRoom .fieldElina.bookPeopleElina {
width: 10%;
}

#standardFormElina.bookRoom.three .fieldElina.bookPeopleElina {
width: 15%;
}

/*Changed margin for BOOK NOW button to 5px from 35px */
#standardFormElina.bookRoom input#bookingInputButton {
font-family: special elite;
padding-left: 0;
padding-right: 0;
background: #000;
color: #fff;
border: none;
text-shadow: none;
color: #fff !important;
font-size: 21px;
margin-top: 5px;
margin-bottom: 0px;
text-transform: lowercase;
}

#standardFormElina.bookRoom.two input#bookingInputButton,
#standardFormElina.bookRoom.three input#bookingInputButton {
background: #ec038c;
}

#standardFormElina.bookRoom.two .fieldElina.bookButtonElina {
width: 20%;
margin-top:0px;

}

#standardFormElina.bookRoom label {
font-family: special elite;
text-align: center;
text-transform: lowercase;
letter-spacing: 1.5;
font-size: 21px;
margin-bottom: 10px;
}

#standardFormElina.bookRoom.two label {
font-size: 18px;
color: #fff;
}

#standardFormElina.bookRoom.three label {
color: #ec038c !important;
}

#ui-datepicker-div {
z-index: 999999 !important;
}

#standardFormElina select {
font-size: 13px !important;
text-indent: 10px;
}

/*new stylesheet for elina8|*/
#standardFormElina.bookRoom.three.New label {
display: none;
}

#standardFormElina.bookRoom.three.New p,
#standardFormElina.bookRoom.three.New br {
display: none;
}

#standardFormElina.bookRoom.three.New {
width: 100%;
background: none;
border: 1px solid rgba(255, 255, 255, 0.5);
margin-top: 30px;
}