﻿
#headline h1 { text-align:right; }

#contact-form input[type="text"] {width: 100%; border-radius: 2px; padding: 0px; border: 1px solid #B7B7B7; padding: 6px 5px 1px 0px;}

#contact-form-title { width:100%; color:#F68B1F; font-size:35px; padding:10px; }

#contact-form textarea { width: 100%; margin-top: 10px; height: 245px; }


.table-responsive td { word-wrap:break-word; padding:10px; }



#lobby              { display: none; }
.selectWrapper      { width:20%; }
.pointsOfSale       { margin: 0% auto 0 auto; }

select#drinkOrBuy option[value="3"] { background-image: url('../../../000Frames/site/images/pointsofsale/restaurant_icon.png'); }


ul.shopsList                             { float: right;width: 100%;list-style: none;padding: 0;min-height:50vh;margin-top: 3%;padding-bottom:5%;transition:opacity 500ms ease-in-out;-webkit-transition:opacity 500ms ease-in-out; }
ul.shopsList li                          { padding: 15px 0px;border-top:3px solid #91a289;position:relative; }
ul.shopsList li span                     { display: block; }
ul.shopsList li span.shopName            { font-size: 135%; }
ul.shopsList li span.shopTel a           { color: inherit; }

ul.shopsList li .shopIcon      { position: absolute;left: 25px; top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%);max-width: 30px; }

.selectWrapper                 {font-size:110%;margin-bottom:2%;display: inline-block;}
.selectWrapper select          { border-color: #91a289;border-width: 2px; height:45px; }
.distributersBtn {width: 79%;display: inline-block;text-align: right;}
.distributersBtn a.green-button{width: 250px;margin-top: 0px;}
.drinkIcon     { width: 15.5px; }
.buyIcon       { width: 11.5px; }
.shopIcon svg  { fill: #B6864C; }

ul  { padding:0;list-style:none; }

.explenation                    { display: inline-block;width: 24%;text-align: right;vertical-align: middle; }
.explenation li                 { display: inline-block;vertical-align: middle; }
.explenation li .shopIcon       { display: inline-block;vertical-align: middle; }
.explenation li span            { display: inline-block;vertical-align: -webkit-baseline-middle;margin-right: 5px; }
.explenation ul                 { float: right;margin: 0; }
.explenation li:nth-child(2)    { margin: 0 8px; }
.explenation li .shopIcon.buyIcon   { width: 8px; float:right;}
.explenation li .drinkIcon.shopIcon { width: 12px; float:right;}




.ui-button .ui-icon             { display: none; padding: 0; }
.ui-selectmenu-text             { margin: 0;text-align: right;padding-right: 20px;display: inline-block;vertical-align: middle;}
.ui-selectmenu-button.ui-button {background: transparent;font-family: inherit;border: 2px solid #91a289;border-radius: 0;height: 45px;padding: 5px;text-align: right;width: 100%;}
ul#drinkOrBuy-menu .ui-menu-item:first-child { display: none; }
.ui-widget { font-family: inherit; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #92A288;
    color: #ffffff;
}

div#ui-id-3:after { content: "";background-image: url('../../../000Frames/site/images/pointsofsale/store_icon.png');display: block;position: absolute;right: 8px;width: 6px;
                    height: 24px;background-size: cover;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%); }


div#ui-id-4:after { content: "";background-image: url('../../../000Frames/site/images/pointsofsale/restaurant_icon.png');position: absolute;right: 8px;width:9.2px;
                    height: 22px;background-size: cover;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%); }

.ui-menu .ui-menu-item-wrapper      { padding:10px 25px 4px .4em; }

.ui-selectmenu-text[data-index='3']:after { content: "";background-image: url('../../../000Frames/site/images/pointsofsale/store_icon.png');display: block;position: absolute;right: 10px;width: 6px;
                    height: 24px;background-size: cover;top: 48%;transform: translateY(-50%);-webkit-transform:translateY(-50%); }

.ui-selectmenu-text[data-index='4']:after { content: "";background-image: url('../../../000Frames/site/images/pointsofsale/restaurant_icon.png');position: absolute;right: 8px;width:9.2px;
                    height: 22px;background-size: cover;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%); }

.ui-selectmenu-menu { display: block;max-height: 0px;overflow: hidden;transition: max-height 550ms ease-in-out;-webkit-transition:max-height 550ms ease-in-out; }
.ui-selectmenu-open { max-height:500px; }

@media (max-width: 1540px) {
    .selectWrapper { width: 25%; }
    .distributersBtn    {width:74%}
}
@media (max-width: 1170px) {
    .selectWrapper { width: 27%; }
    .distributersBtn    {width:72%}
}

@media (max-width: 1024px) and (orientation:landscape) {
    .selectWrapper  { width:31%; }
    .distributersBtn    {width:68%}
    ul.shopsList    { min-height:30vh;}
}

@media (max-width: 991px) and (min-width:767px){
    
    .explenation    { float:left;margin-top:1%; }
    nav.selectArea  { display:inline-block; width: 76%; }
    nav.selectArea ul li:last-child { margin-left: 0; }
}

@media (max-width: 991px) {
    .selectWrapper { width: 36%; }
    .distributersBtn    {width:63%}
    .explenation    { float:left; }
}
@media (max-width: 767px) {
    nav.selectArea          { margin-top:0px}
    .selectWrapper          { width: 100%;margin-bottom: 1.5%;margin-top: 4%;float:right;}
    .ui-selectmenu-button.ui-button{margin-right: 0;}
    .distributersBtn        { width:95%;margin-bottom: 0;margin-top: 2%;}
    .distributersBtn a.green-button{width:100%}
    .explenation            { width: 100%; }
    .drinkIcon              { width:13.5px; }
    .buyIcon                { width:9.5px; }
    ul.shopsList            { padding-bottom: 15%; }
    .explenation ul         { float:right; }
    #SiteFooterContainer    { margin-top:-17vh; }
    select#selectArea       { background:#ffffff;}
    #GridPage               { margin-bottom:0; }
    .pointsOfSale           { max-width:95%; }
}

