﻿

#SiteHeader, #SiteHeader.menu-open { background: #EBEBEB; }
#GridTop                    { display: none; }
#body                       { margin-top: 15px; }
#GridContent                { max-width:none;padding-top:0;margin-top: 60px; }

nav#PageBreadCrumps2        { position: absolute;top: 15%;right: 45px;transform: translateX(0%);-webkit-transform: translateX(0%);width: auto;display:block;bottom:auto;z-index:1; }


.right-details              { width: 50%;display: table-cell;vertical-align: top;height: 100%;padding: 0px 20px;padding-right:0; }
.left-signup                { display: table-cell;width: 50%;vertical-align: top;text-align: right;padding: 0px 20px;padding-left:0; }
section.workshop-details.fadeup { display: table;width: 100%; }
.right-details .inner-wrapper { background: #eeeeee;border-bottom: 3px solid #c6553c;min-height:465px; }

.contentBox                 { display: none;text-align: right;padding: 20px 20px 20px 40px;max-height: 400px;overflow-y: auto;direction: ltr; }
.contentBox.active          { display: block; }
.contentBox h3              { font-size: 145%;direction:rtl; }
.contentBox p               { font-size: 120%;margin-top:3px; line-height:1.2; }
.contentBox p strong        { font-weight: normal;color: #c6553c; }
ul.details-nav              { margin: 0;text-align: right;padding: 0; }
.contentBox ul,.contentBox ol              { font-size: 120%;margin-top: 3px;line-height: 1.2;padding-right: 20px;direction:rtl; }
.contentBox ul li           { margin-top:4px; }
ul.details-nav li           { display: inline-block;padding: 10px 20px 10px 40px;font-size: 165%; position: relative;cursor:pointer; }
/*ul.details-nav li.active    { font-weight: 600; }*/
ul.details-nav li.active:before { border-bottom: 4px solid #c6553c;content: "";display: block;width: 100%;position: absolute;right: 0;bottom: -3px; }
ul.details-nav:after        { content: "";border-bottom:1px solid rgba(18, 18, 18, 0.3);display: block;width: 98%; }
ul.details-nav li:after     { border-left: 1px solid rgba(18, 18, 18, 0.3);content: "";display: block;height: 70%;position: absolute;top: 15%;left: 0; }
ul.details-nav li:last-child:after { border-left: 0; }
.left-signup .inner-wrapper { min-height:465px;background-image:url('../../../000Frames/site/images/workshops/payment_bg.jpg');background-size:cover;background-position:center center; padding-bottom: 10px; position: relative;color: #ffffff;padding-right: 40px;padding-top: 40px;    border-bottom: 3px solid #c6553c; }
.left-signup .opacity-layer { background: rgba(0, 0, 0, 0.65);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0; }
.left-signup h2             { color: #fbaf3f;font-size: 290%; margin-bottom: 35px;padding: 0;margin-top:0px; }
.signup-row  svg            { height: 40px; }
.price-row.signup-row svg   { height: 55px; }
.date-icon                  { display: inline-block;vertical-align: middle; }
.signup-row                 { z-index: 1;position: relative; display: inline-block;width: 100%;margin-bottom:30px; }
.price-icon                 { display: inline-block;vertical-align: middle; }
.price-text                 { display: inline-block;vertical-align: middle;font-size: 165%;margin-right: 15px; }
.signup-btns                { display: inline-block;z-index: 1;position: relative;margin-bottom:10px;font-size: 165%; }
.date-row                   { color:#121212; }
.bottom-text                { position: relative;z-index: 1;font-size: 140%; }
.bottom-text a              { color: inherit;display:block; }
.signup-btns button,.signup-btns a  { border: 0;padding: 10px 45px;display: inline-block;vertical-align: top;color: #ffffff;font-size:inherit;margin-top:0; }
.signup-btns button                 { margin-left: 20px;background: #c6553c; }
.signup-btns a                      { background: #5586a2; }
.signup-btns a.red-btn.yellow       { background: #FCB040;color:#000000; }

span.price.dealPrice                { display: inline-block; }
span.price.hasDeal:after            { content: "";border-bottom: 2px solid;width: 110%;position: absolute;left: -5%;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%); }
span.price.hasDeal                  { position: relative;display: inline-block;font-size: 80%;margin-right: 10px; }

.contentBox::-webkit-scrollbar { width: 5px; } 
.contentBox::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); } 
.contentBox::-webkit-scrollbar-thumb { background-color: #cccccc; }


.red-btn span:after { font-size:110%; }

.mrw-dynamic-form textarea.form-control { height: 50px; }
option.placeholder          { display:none; }
.select-wrapper             { position: relative;width: 55%;display: inline-block;margin-right: 20px; }
.select-wrapper:after       { content: "\f0d7";font-family: 'FontAwesome';position: absolute;top: 50%;left:10px;transform: translateY(-50%);-webkit-transform:translateY(-50%);font-size: 150%;pointer-events:none; }
.select-wrapper.no-select:after { content:""; }   
select         { width: 100%;height: 50px;font-size: 140%;padding-right: 10px;border: 1px solid #c2c2c2;color: #000000;-webkit-appearance:none; }

input#workshopDatesText {  background: #ffffff;border: 1px solid #c2c2c2;border-radius: 0;text-align: right;width: 100%;font-family: inherit;font-size: 130%;background-image: none;padding: 11px 15px; }
.select-wrapper.no-select input#workshopDatesText { background: transparent;border: 0;color: #ffffff; }

section.gallery-section         { padding-top:10px; }

/*section#workshops-list          { padding-top: 0; }*/


section:not(.topSlider),section#workshops-list,section.gallery-section          { max-width: 1270px; }


.owl-item .item a.slide-bg-layer { display: inline-block; padding-bottom: 67%; position: relative; width: 100%; }
.owl-item .item a.slide-bg-layer img { position: absolute; top: 0;left: 0; min-width: 100%; width: auto;height: 100%; }

.soltOutViewLabel           { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); font-size: 370%; color: #FCB040; }

/*@media(min-width:1600px) {
    section.gallery-section         { max-width: 1560px; }
    section#workshops-list          { max-width: 1560px; }
}*/

.owl-item .item { position:relative;top: auto;left: 0;transform: translate(0%,0%);-webkit-transform: translate(0%,0%);-moz-transform: translate(0%,0%); }
.owl-item   { height:auto; }
section.gallery-section { margin-top:25px; }



.right-details .inner-wrapper p                 { font-size: 105%;line-height: 1.1; }
.right-details .inner-wrapper h3 { font-size: 175%; margin: 0 0 15px 0; font-family: 'Font37HEB-Regular'; }
.right-details .inner-wrapper { background: #FFF7EB; border-bottom: 3px solid #FBB040; min-height: 465px; padding: 20px; text-align: right; }
.workshop-details .img-holder { border-bottom: 3px solid #FBB040; background-position: center; background-image: none !important; background-color: #eeeeee; }
.img-border-holder                              { position: relative; padding-bottom: 75%; }
.img-border-holder img                          { position: absolute; max-width: none; height: 90%; top: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; bottom: 0; }
a.category-box.workshop-box                     { float: none; display: inline-block;vertical-align:top;width:calc(33.33% - 12px); }
.chefs-cubes a.category-box.large.chef-box      { padding: 0px; width: 25%;margin-bottom:10px;  }
.chefs-cubes                                    { padding-top: 0;padding-bottom:0; }
section#workshops-list                      { max-width: 1270px; }
.workshop-box-content { display: inline-block; background: #fff7eb; width: 100%; text-align: right; padding: 5px 15px 20px; min-height: 159px; }
a.category-box h3 span.title                { color: #c6553c;font-size: 87%;margin-right: 0; }
a.category-box .workshop-box-content p      { color: #000000;margin: unset;margin-top: 10px;    max-height: 60px; }
a.category-box h3 span                      { font-size: 80%;margin-right: 5px; }
a.category-box span.date { position: absolute; bottom: 0; left: 0; background: #5e4b42; color: #fee7c5; padding: 5px 15px; font-size: 80%;  }
.workshop-box-content .text-holder { font-family: 'Assistant'; font-size: 120%; }
.workshop-box-content .text-holder span.title { color: #000; }

a.category-box.workshop-box:hover .opacity-layer-workshop { opacity: 1; }
a.category-box.workshop-box:hover h3, a.category-box.workshop-box:focus h3 { color: inherit; }
.opacity-layer-workshop { position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.1);opacity: 0;transition: all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out; }

.loadMore { display: inline-block;background: transparent;border: 2px solid #000000;font-size: 140%;padding: 5px 25px;-webkit-appearance: none;border-radius: 0;margin-top:25px;color:#121212; }
.loadMore:hover,.loadMore:focus { background: #5586A2; color: #ffffff;text-decoration: none;border-color: #5586A2; }
.button-holder                              { text-align:center; }
.workshop-layout                            { display: inline-block;width: 100%; }
h2.no-results                               { font-size: 210%;margin: 0;padding-bottom: 20px; }

#PageView.soldOutitem .opacity-layer { z-index: 2; }


#subheadline                            { font-size: 125%; }
section.workshop-details.fadeup         { padding-top: 30px; }
.section-title                          { margin-bottom: 40px; }
section#workshops-list                  { margin-bottom: 30px; }


@media(max-width:1280px) {
   .img-border-holder   { padding-bottom:80%; }

}
@media(max-width:1170px) {
.right-details .inner-wrapper { min-height: 425px; }
}
@media(max-width:1024px) {
.right-details .inner-wrapper { min-height: 376px; }
a.category-box.workshop-box   { width: calc(50% - 12px); }
}


@media(max-width:1440px) {
    .select-wrapper { width:60%; }
    .signup-btns button, .signup-btns a { padding: 10px 25px; }
    .signup-btns button { margin-left:10px; }
}

/*section#map-section         { max-width: none; padding-top: 0;margin-top: 80px; }
section#map-section iframe  { width: 100%;height: 500px; }
section#map-section .open-map                   { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border: 1px solid #fbaf3f;padding: 5px 40px;cursor: pointer;font-size: 160%;color: #ffffff;transition: all 250ms ease-in-out;-webkit-transition:all 250ms ease-in-out; }
section#map-section .open-map:hover             { background: #fbaf3f;color: #121212; }
section#map-section .opacity-layer              { position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);pointer-events: all; }*/

@media(max-width:1300px) {
    section:not(.topSlider), section#workshops-list, section.gallery-section    { max-width:95%; }
}

@media(max-width:991px) {
    .img-border-holder { padding-bottom: 100%; }
    .img-border-holder img { height: 100%; }
    .section-title { margin-bottom:40px; }
    .chefs-cubes a.category-box.large.chef-box { width: 50%; }
    a.category-box:last-child { margin-bottom: 0; }   
    section#contact-section { margin-top: 70px; }
    .button-holder { float: right !important;width: 100%; }
    section#contact-section input.form-submit { width: 50%; }

    .right-details { display: block;width: 100%;padding: 0px;margin-bottom: 40px; }
    .left-signup   { width: 100%;display: block;padding: 0px; }
    .right-details .inner-wrapper { min-height: 0; }
    .left-signup .inner-wrapper   { min-height: 0; }
    a.red-btn { margin-top: 0; }
    section.gallery-section { padding-top:0; }
    .owl-carousel   { margin-top:0;margin-bottom:0; }
    section#contact-section { margin-top:0; }
    section.workshop-details.fadeup { display: block; margin: 0 auto; padding-top: 0; }
    .contentBox h3  { font-size:165%; }
    .contentBox p,.contentBox ul,.contentBox ol   { font-size: 135%;margin-top: 5px;line-height: 1.1; }
    .contentBox     { min-height:33vh;max-height: 150px; }
    ul.details-nav li   { padding:15px 20px 15px 40px; }
    nav#PageBreadCrumps2    { top:11%; right:25px; }
    section#contact-section { margin-top: 60px; }
    .right-details .inner-wrapper p { font-size: 100%; line-height: 1.1; padding-top: 0; padding-bottom: 15px; }
}

@media(max-width:767px) {
     nav#PageBreadCrumps2    { display:none;  }
     .chefs-cubes { padding: 0px; }
    #headline h1, h2.contact-form-title { font-size: 225%; }
    .left-signup .inner-wrapper { padding-right: 0px;padding-top:20px;text-align: center; }
    section#contact-section { padding:30px 15px 20px; }
    .select-wrapper { width:75%;margin-right:0px; }
    .price-icon { display: block; }
    .signup-row  svg    { height:30px; }
    
    .mrw-dynamic-form textarea.form-control { height:100px; background-position-y: 6px;}
    .mrw-dynamic-form .form-group > div.form-bottom { font-size:155%; }
    section#contact-section input.form-submit   { height:50px; width:60%; }
    .section-title { margin-bottom:15px; }

    ul.details-nav li   { padding:10px 10px 10px 10px;  }
    .signup-btns    { font-size:145%; }
    .signup-btns button, .signup-btns a { padding:10px; }
    .signup-btns a.yellow { padding:10px 30px; }
    .bottom-text a { display: block; }
    .bottom-text h3 { margin-top: 10px; }
    .owl-item { height: 200px; }
    section.gallery-section { padding: 20px 0px; }
    /*.owl-item .item { position:relative; transform:translate(0,0); }*/
    ul.details-nav { white-space: nowrap;overflow-x: auto;overflow-y: hidden; }
    .signup-row { margin-bottom:20px; }
    .bottom-text h3 { font-size:85%; }
    section.gallery-section { margin-bottom:0px; }
    a.category-box.workshop-box .img-holder { padding-bottom:35vh; }
    .price-row.signup-row svg   { height:45px; }
    .ui-menu .ui-menu-item-wrapper  { padding:7px 1em 3px .4em; }
    .ui-widget.ui-widget-content { padding-top: 5px;padding-bottom:5px; }
    .contentBox { max-height: 280px; }
    ul.details-nav li   { font-size:155%; }
    a.category-box.workshop-box   { width: 100%; }
    .right-details .inner-wrapper div { font-size: 90%; }
}
@media(max-width:370px) {
    .mrw-dynamic-form .form-group > div.form-bottom{ font-size:130%; }
     .select-wrapper { width:75%;margin-right:5px; }
    input#workshopDatesText { padding: 11px 5px; }
}


/*NewCSS*/
.slick-list.draggable { padding: 0 !important; }
.slick-track { margin-left: 0; }
.chefs-section .section-title { max-width: 1170px; margin: 0 auto 70px; background: #fff7eb; padding: 30px; }
.chefs-section .section-title h2 { padding-bottom: 15px; }

.chefs-cubes { direction: ltr; max-width: 1170px; margin: 0 auto 0; }
.chefs-cubes a.category-box.large .img-holder { background: none !important; margin-bottom: 20px; padding: 0 10px; -webkit-transition: all 0.3s ease; border: none; }
.chefs-cubes a.category-box.large.slick-active:not(.slick-center) .img-holder { transform: scale(0.9); }
.chefs-cubes .category-box .img-holder img { position: absolute; -webkit-transform: translateX(-50%); top: unset; left: 50%; bottom: 0; }
.chefs-cubes .img-border-holder { background: #eeeeee; position: relative; min-height: 320px; }
.chefs-cubes .slick-center .img-border-holder { background: #fee7c5; }

.chefs-cubes button.slick-prev.slick-arrow, .chefs-cubes button.slick-next.slick-arrow { display: inline-block !important; border: none; background: transparent; }
.chefs-cubes button.slick-prev.slick-arrow { position: absolute; top: calc(50% - 50px); left: -30px; line-height: 0; transform: translateY(-50%); }
.chefs-cubes button.slick-next.slick-arrow { position: absolute; top: calc(50% - 50px); right: -30px; line-height: 0; transform: translateY(-50%); }

a.category-box h3, a.category-box.grad-box h3.text-holder { font-family: 'Font37HEB-Regular'; margin-top: 0; font-size: 170%; color: #000; line-height: 1; padding-bottom: 10px; }
a.category-box:hover h3, a.category-box:focus h3 { color: #5E4B42; }
a.category-box p { font-size: 80%; font-family: 'Assistant'; color: #000; margin: 0 auto; line-height: 1; }

/*form-section*/
.contcatWrapper { direction: rtl; max-width: 1270px !important; }
.contcatWrapper > div.contactImg_container { padding: 0; }
.button-holder { width: 100%; margin-top: 25px; }
.mrw-dynamic-form .form-group > .date { width: 100%; }
.submitWrapper { text-align: right; }
h2.contact-form-title, .contact-form-text { text-align: right; width: 100%; }

@media(max-width: 767px) {
    .chefs-cubes { margin-bottom: 0; }
    section .text-holder-reg p { font-size: 112%; line-height: 1.4; }
    .chefs-cubes a.category-box.large.chef-box, a.category-box.large.grad-box { width: 75vw; padding: 0; }
    .chefs-cubes a.category-box.large .img-holder { padding: 0; }
    .chefs-cubes .img-border-holder { min-height: 360px; }
    a.category-box.large.chef-box:not(.slick-center) { transform: scale(0.9); }
    a.category-box p { width: 100%; }

    #PageView #contact-section { max-width: 90% !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 60px auto; }

    section.course-top-details.fadeup { margin-bottom: 40px; }
    #GridContent { margin-top: 90px; }
}