@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap');

.sp-table {
    border: 1px solid #ddd;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
}

.sp-table td {
    padding: 10px;
    font-size: 0.95em;
    border: 1px solid #c4c4c4;
}

.sp-table th {
    padding: 10px;
    font-size: 1.3em;
    border: 1px solid #c4c4c4;
    color: rgb(13, 109, 136);
    background: rgba(117, 181, 220, 0.3);
}

.sp-table a {
    color: rgb(31, 139, 205);
}

.category_list ul li .img_category_list {
    height: 175px;
}

div.ui-tooltip {
    border: 0px solid gainsboro;
    color: white;
    background: #0a6daa;
    border-radius: 0px;
    box-shadow: none;
    font-size: 0.9em;
}

.shlohot_menu ul li a {
    width: 100%;
    height: 100%;
    float: right;
}

/* תפריט עליון */

.text_menu:before {
    content: '';
    float: right;
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    -o-transition: ease 0.2s;
    -ms-transition: ease 0.2s;
    transition: ease 0.2s;
}

.text_menu:hover:before {
    height: 15px;
    border-radius: 5px 5px 0 0 !important;
}

#cssmenu1 li:first-child .text_menu:before {
    border-radius: 0 5px 0 0;
}

#cssmenu1 li:last-child .text_menu:before {
    border-radius: 5px 0 0 0;
}

.text_menu.AC1:before {
    background: #ca333d !important;
}

.text_menu.AC2:before {
    background: #f29041 !important;
}

.text_menu.AC3:before {
    background: #e2ca46 !important;
}

.text_menu.AC4:before {
    background: #55b25c !important;
}

.text_menu.AC5:before {
    background: #59c8f0 !important;
}

.text_menu.AC6:before {
    background: #3b3b7c !important;
}

.text_menu.AC7:before {
    background: #82308e !important;
}

.text_menu.AC8:before {
    background: #d64993 !important;
}

.text_menu.AC9:before {
    background: #886fff !important;
}

.text_menu.AC10:before {
    background: #ca333d !important;
}

.text_menu.AC11:before {
    background: #4285f4 !important;
}

.text_menu.AC12:before {
    background: #f4e842 !important;
}

/*  סוף תפריט עליון */


.shlohot_menu ul li {
    border-radius: 200px;
    height: 100px;
    width: 100px;
    padding: 20px 20px;
    margin-top: 30px;
}

#facebook2 {
    float: left;
    width: auto !important;
    position: relative;
    left: 10%;
    margin-bottom: 0px;
    height: 300px !important;
}

#face-nav {
    float: right;
    margin-top: 28px;
    width: 27%;
}

#face-nav button {
    -webkit-appearance: none;
    width: 100%;
    height: 40px;
    margin: 2.5px 0px;
    text-align: right;
    padding: 0 5%;
    border: none;
    color: white;
    font-size: 0.85em;
}

#face-nav button:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f104";
    float: left;
    font-size: 1.2em;
    margin-left: 15%;
    -webkit-transition: ease 0.15s;
    -moz-transition: ease 0.15s;
    -o-transition: ease 0.15s;
    -ms-transition: ease 0.15s;
    transition: ease 0.15s;
}

#face-nav button:hover:after {
    margin-left: 2.5%;
}

.button_list ul li a[href="Book"] {
    display: none;
}

.baly_tafkidim_table .call {
    background: rgba(24, 125, 211, 0.71);
}


.category_list ul li .contect_category_list span {
    font-size: 16px;
}

section.category_list.main_container.big_event h2 {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: -10px;
    background: #0a6daa;
    color: white;
    padding: 5px 0px;
    font-size: 20px;
}

.left_center .mahlaka_img img {
    height: 100% !important;
    width: auto !important;
}

div.g-recaptcha {
    width: 100% !important;
    overflow: hidden !important;
}

.formLableBox {
    width: 45% !important;
}

.footerBoxContact {
    color: black;
}

.infoRow,
.infoRow:hover {
    color: #8e8e8e;
    float: right;
    height: auto;
    margin-top: 0px;
    text-align: center;
    width: 100%;
    border-bottom: 0px solid gray;
    margin-right: 0px;
    font-weight: normal;
}

.infoRowText {
    background: none repeat scroll 0 0 white;
    border-radius: 0px;
    float: right;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.infoRowText b {
    font-weight: normal;
}

.category_list ul {
    border-color: #DDD;
}

/* טפסים */

.formCommentsBox {
    font-size: 11px;
    width: 100%;
    margin-top: 10px;
}

.formInfoBox {
    font-size: 13px;
}

.freeFromLine label {
    font-size: 15px;
}

/* טפסים סוף */

.freeFormSubmit {
    font-weight: normal;
    color: white;
    border: none;
    width: 100%;
    margin: 10px 0 0;
    background: #0a6daa;
    -webkit-transition: ease 0.15s;
    -moz-transition: ease 0.15s;
    -o-transition: ease 0.15s;
    -ms-transition: ease 0.15s;
    transition: ease 0.15s;
}

table.contact_info .button a,
.submit-button {
    background: #0a6daa !important;
    border: none;
    color: white;
    padding: 0px 5%;
    line-height: 25px;
    margin-right: 5%;
    text-align: center;
    -webkit-transition: ease 0.15s;
    -moz-transition: ease 0.15s;
    -o-transition: ease 0.15s;
    -ms-transition: ease 0.15s;
    transition: ease 0.15s;
}

.freeFormSubmit:hover,
table.contact_info .button a:hover,
.submit-button:hover {
    background: rgba(24, 125, 211, 0.71) !important;
    text-decoration: none;
}


.popUpButten li {
    cursor: pointer;
}

.left_center iframe {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 200px
}

.right_center ul {
    margin-bottom: 10px;
}

.mahlaka_menu ul {
    margin-bottom: 0px;
}

.imageFolderTitle {
    border-bottom: 1px solid #0a6daa;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 0px;
    font-size: 17px;
    -webkit-transition: ease 0.15s;
    -moz-transition: ease 0.15s;
    -o-transition: ease 0.15s;
    -ms-transition: ease 0.15s;
    transition: ease 0.15s;
}

.imageFolderImage {
    width: 100%;
    height: 170px;
    position: relative;
    overflow: hidden;
}

.imageFolderImage img {
    width: 200%;
    max-width: 150% !important;
    height: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.imageFolder {
    margin-right: 1.5%;
    margin-left: 1.5%;
    padding: 0px;
    width: 30%;
    opacity: 1;
    border-radius: 0px;
    height: auto !important;
}

.imageFolder:hover>.imageFolderTitle {
    color: white;
    background: #0a6daa;
    -webkit-transition: ease 0.15s;
    -moz-transition: ease 0.15s;
    -o-transition: ease 0.15s;
    -ms-transition: ease 0.15s;
    transition: ease 0.15s;
}

.slideshow li {
    width: 660px;
    margin: -320px 0 0 -280px;
}

.slideshow li:after {
    left: -50px;
    height: 110% !important;
}

.grid figcaption {
    border-bottom: 1px solid #0a6daa;
}

.grid li:hover figcaption {
    background: #0a6daa;
}

.slideshow nav span {
    color: #0a6daa !important;
    font-size: 200% !important;
}

.slideshow nav span.nav-close {
    color: white !important;
}

.icon {
    color: white !important;
    font-size: 60% !important;
}

.slideshow {
    z-index: 999999;
}

.main_container_header span img {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.main_container_header span {
    position: relative;
    line-height: 46px;
}

.mahlaka_menu ul li a {
    width: 24.5%;
    height: 130px;
    padding: 0px 3%;
    margin: 1%;
    text-align: center !important;
}

.mahlaka_menu li a span {
    line-height: 18px;
    font-size: 13px !important;
}


/* Colors */

.mahlaka_menu ul li a:hover>span,
.mahlaka_menu ul li span:hover {
    color: white !important;
}

.mahlaka_menu ul li a:hover>.line_hover,
.mahlaka_menu ul li a:hover>i {
    background: white !important;
}


/* AC1 - Center 93 uses green palette */

.page_name h2.AC1 {
    background: #6B984E !important;
}

.mahlaka_menu li a.AC1 i {
    background: #6B984E !important;
}

.shlohot_menu ul li.AC1 {
    background: #6B984E !important;
}

.shlohot_menu ul li.AC1:hover {
    background: #5a8843 !important;
}

.main_container_header span.AC1 {
    background: #f28422 !important;
}

.flex_between li a.AC1 {
    background: #6B984E !important;
}

.flex_between li a.AC1:hover {
    background: #5a8843 !important;
}

.flex_between li.AC1 {
    background: transparent !important;
}

.right_center ul li.AC1 a {
    background: #6B984E !important;
}

.s6title.AC1,
.s6title.AC1:hover {
    color: #ca333d !important;
    background: none !important;
}

.main_container_header.AC1 {
    background: none !important;
}

.main_container_header.AC1 {
    border-color: #ca333d !important;
}

.main_container_header.AC1:hover {
    background: none !important;
}

h1.AC1,
h1.AC1:hover {
    background: none !important;
    color: #ca333d !important;
}

.mahlaka_menu ul li a.AC1 {
    background: none !important;
    border-color: #ca333d !important;
}

.mahlaka_menu ul li a.AC1:hover,
.mahlaka_menu ul li i:hover {
    background: #ca333d !important;
}

.mahlaka_menu ul li span.AC1 {
    background: none !important;
    color: #ca333d !important;
}

.line_hover.AC1 {
    background: #ca333d !important;
}

.mahlaka_menu ul li a:hover>i.AC1 {
    color: #ca333d !important;
}


/* AC2 */

.shlohot_menu ul li.AC2:hover {
    background: #cc7a42 !important;
}

.right_center ul li.AC2 a {
    background: #f29041 !important;
}

.s6title.AC2,
.s6title.AC2:hover {
    color: #f29041 !important;
    background: none !important;
}

.main_container_header.AC2 {
    background: none !important;
}

.main_container_header.AC2 {
    border-color: #f29041 !important;
}

.main_container_header.AC2:hover {
    background: none !important;
}

h1.AC2,
h1.AC2:hover {
    background: none !important;
    color: #f29041 !important;
}

.mahlaka_menu ul li a.AC2 {
    background: none !important;
    border-color: #f29041 !important;
}

.mahlaka_menu ul li a.AC2:hover,
.mahlaka_menu ul li i:hover {
    background: #f29041 !important;
}

.mahlaka_menu ul li span.AC2 {
    background: none !important;
    color: #f29041 !important;
}

.line_hover.AC2 {
    background: #f29041 !important;
}

.mahlaka_menu ul li a:hover>i.AC2 {
    color: #f29041 !important;
}


/* AC3 */

.shlohot_menu ul li.AC3:hover {
    background: #c9ae3d !important;
}

.right_center ul li.AC3 a {
    background: #e2ca46 !important;
}

.s6title.AC3,
.s6title.AC3:hover {
    color: #e2ca46 !important;
    background: none !important;
}

.main_container_header.AC3 {
    background: none !important;
}

.main_container_header.AC3 {
    border-color: #e2ca46 !important;
}

.main_container_header.AC3:hover {
    background: none !important;
}

h1.AC3,
h1.AC3:hover {
    background: none !important;
    color: #e2ca46 !important;
}

.mahlaka_menu ul li a.AC3 {
    background: none !important;
    border-color: #e2ca46 !important;
}

.mahlaka_menu ul li a.AC3:hover,
.mahlaka_menu ul li i:hover {
    background: #e2ca46 !important;
}

.mahlaka_menu ul li span.AC3 {
    background: none !important;
    color: #e2ca46 !important;
}

.line_hover.AC3 {
    background: #e2ca46 !important;
}

.mahlaka_menu ul li a:hover>i.AC3 {
    color: #e2ca46 !important;
}


/* AC4 */

.shlohot_menu ul li.AC4:hover {
    background: #48874a !important;
}

.right_center ul li.AC4 a {
    background: #55b25c !important;
}

.s6title.AC4,
.s6title.AC4:hover {
    color: #55b25c !important;
    background: none !important;
}

.main_container_header.AC4 {
    background: none !important;
}

.main_container_header.AC4 {
    border-color: #55b25c !important;
}

.main_container_header.AC4:hover {
    background: none !important;
}

h1.AC4,
h1.AC4:hover {
    background: none !important;
    color: #55b25c !important;
}

.mahlaka_menu ul li a.AC4 {
    background: none !important;
    border-color: #55b25c !important;
}

.mahlaka_menu ul li a.AC4:hover,
.mahlaka_menu ul li i:hover {
    background: #55b25c !important;
}

.mahlaka_menu ul li span.AC4 {
    background: none !important;
    color: #55b25c !important;
}

.line_hover.AC4 {
    background: #55b25c !important;
}

.mahlaka_menu ul li a:hover>i.AC4 {
    color: #55b25c !important;
}


/* AC5 */

.shlohot_menu ul li.AC5:hover {
    background: #51a8bf !important;
}

.right_center ul li.AC5 a {
    background: #59c8f0 !important;
}

.s6title.AC5,
.s6title.AC5:hover {
    color: #59c8f0 !important;
    background: none !important;
}

.main_container_header.AC5 {
    background: none !important;
}

.main_container_header.AC5 {
    border-color: #59c8f0 !important;
}

.main_container_header.AC5:hover {
    background: none !important;
}

h1.AC5,
h1.AC5:hover {
    background: none !important;
    color: #59c8f0 !important;
}

.mahlaka_menu ul li a.AC5 {
    background: none !important;
    border-color: #59c8f0 !important;
}

.mahlaka_menu ul li a.AC5:hover,
.mahlaka_menu ul li i:hover {
    background: #59c8f0 !important;
}

.mahlaka_menu ul li span.AC5 {
    background: none !important;
    color: #59c8f0 !important;
}

.line_hover.AC5 {
    background: #59c8f0 !important;
}

.mahlaka_menu ul li a:hover>i.AC5 {
    color: #59c8f0 !important;
}


/* AC6 */

.shlohot_menu ul li.AC6:hover {
    background: #323256 !important;
}

.right_center ul li.AC6 a {
    background: #3b3b7c !important;
}

.s6title.AC6,
.s6title.AC6:hover {
    color: #3b3b7c !important;
    background: none !important;
}

.main_container_header.AC6 {
    background: none !important;
}

.main_container_header.AC6 {
    border-color: #3b3b7c !important;
}

.main_container_header.AC6:hover {
    background: none !important;
}

h1.AC6,
h1.AC6:hover {
    background: none !important;
    color: #3b3b7c !important;
}

.mahlaka_menu ul li a.AC6 {
    background: none !important;
    border-color: #3b3b7c !important;
}

.mahlaka_menu ul li a.AC6:hover,
.mahlaka_menu ul li i:hover {
    background: #3b3b7c !important;
}

.mahlaka_menu ul li span.AC6 {
    background: none !important;
    color: #3b3b7c !important;
}

.line_hover.AC6 {
    background: #3b3b7c !important;
}

.mahlaka_menu ul li a:hover>i.AC6 {
    color: #3b3b7c !important;
}


/* AC7 */

.shlohot_menu ul li.AC7:hover {
    background: #593160 !important;
}

.right_center ul li.AC7 a {
    background: #82308e !important;
}

.s6title.AC7,
.s6title.AC7:hover {
    color: #82308e !important;
    background: none !important;
}

.main_container_header.AC7 {
    background: none !important;
}

.main_container_header.AC7 {
    border-color: #82308e !important;
}

.main_container_header.AC7:hover {
    background: none !important;
}

h1.AC7,
h1.AC7:hover {
    background: none !important;
    color: #82308e !important;
}

.mahlaka_menu ul li a.AC7 {
    background: none !important;
    border-color: #82308e !important;
}

.mahlaka_menu ul li a.AC7:hover,
.mahlaka_menu ul li i:hover {
    background: #82308e !important;
}

.mahlaka_menu ul li span.AC7 {
    background: none !important;
    color: #82308e !important;
}

.line_hover.AC7 {
    background: #82308e !important;
}

.mahlaka_menu ul li a:hover>i.AC7 {
    color: #82308e !important;
}


/* AC8 */

.shlohot_menu ul li.AC8:hover {
    background: #a5477d !important;
}

.right_center ul li.AC8 a {
    background: #d64993 !important;
}

.s6title.AC8,
.s6title.AC8:hover {
    color: #d64993 !important;
    background: none !important;
}

.main_container_header.AC8 {
    background: none !important;
}

.main_container_header.AC8 {
    border-color: #d64993 !important;
}

.main_container_header.AC8:hover {
    background: none !important;
}

h1.AC8,
h1.AC8:hover {
    background: none !important;
    color: #d64993 !important;
}

.mahlaka_menu ul li a.AC8 {
    background: none !important;
    border-color: #d64993 !important;
}

.mahlaka_menu ul li a.AC8:hover,
.mahlaka_menu ul li i:hover {
    background: #d64993 !important;
}

.mahlaka_menu ul li span.AC8 {
    background: none !important;
    color: #d64993 !important;
}

.line_hover.AC8 {
    background: #d64993 !important;
}

.mahlaka_menu ul li a:hover>i.AC8 {
    color: #d64993 !important;
}


/* AC9 */

.shlohot_menu ul li.AC9:hover {
    background: #886fff !important;
}

.right_center ul li.AC9 a {
    background: #886fff !important;
}

.s6title.AC9,
.s6title.AC9:hover {
    color: #886fff !important;
    background: none !important;
}

.main_container_header.AC9 {
    background: none !important;
}

.main_container_header.AC9 {
    border-color: #886fff !important;
}

.main_container_header.AC9:hover {
    background: none !important;
}

h1.AC9,
h1.AC9:hover {
    background: none !important;
    color: #886fff !important;
}

.mahlaka_menu ul li a.AC9 {
    background: none !important;
    border-color: #886fff !important;
}

.mahlaka_menu ul li a.AC9:hover,
.mahlaka_menu ul li i:hover {
    background: #886fff !important;
}

.mahlaka_menu ul li span.AC9 {
    background: none !important;
    color: #886fff !important;
}

.line_hover.AC9 {
    background: #886fff !important;
}

.mahlaka_menu ul li a:hover>i.AC9 {
    color: #886fff !important;
}


/* AC10 - Center 93 uses green palette */

.page_name h2.AC10 {
    background: #6B984E !important;
}

.mahlaka_menu li a.AC10 i {
    background: #6B984E !important;
}

.shlohot_menu ul li.AC10 {
    background: #6B984E !important;
}

.shlohot_menu ul li.AC10:hover {
    background: #5a8843 !important;
}

.main_container_header span.AC10 {
    background: #f28422 !important;
}

.flex_between li a.AC10 {
    background: #6B984E !important;
}

.flex_between li a.AC10:hover {
    background: #5a8843 !important;
}

.flex_between li.AC10 {
    background: transparent !important;
}

.right_center ul li.AC10 a {
    background: #6B984E !important;
}

.s6title.AC10,
.s6title.AC10:hover {
    color: #6B984E !important;
    background: none !important;
}

.main_container_header.AC10 {
    background: #6B984E !important;
}

.main_container_header.AC10 {
    border-color: #6B984E !important;
}

.main_container_header.AC10:hover {
    background: #5a8843 !important;
}

h1.AC10,
h1.AC10:hover {
    background: none !important;
    color: #6B984E !important;
}

.mahlaka_menu ul li a.AC10 {
    background: none !important;
    border-color: #6B984E !important;
}

.mahlaka_menu ul li a.AC10:hover,
.mahlaka_menu ul li i:hover {
    background: #6B984E !important;
}

.mahlaka_menu ul li span.AC10 {
    background: none !important;
    color: #6B984E !important;
}

.line_hover.AC10 {
    background: #6B984E !important;
}

.mahlaka_menu ul li a:hover>i.AC10 {
    color: #6B984E !important;
}

/* AC11 */

.page_name h2.AC11 {
    background: #4285f4 !important;
}

.mahlaka_menu li a.AC11 i {
    background: #4285f4 !important;
}

.shlohot_menu ul li.AC11 {
    background: #4285f4 !important;
}

.shlohot_menu ul li.AC11:hover {
    background: #4285f4 !important;
}

.main_container_header span.AC11 {
    background: #4285f4 !important;
}

.flex_between li a.AC11 {
    background: #4285f4 !important;
}

.flex_between li a.AC11:hover {
    background: #4285f4 !important;
}

.flex_between li.AC11 {
    background: transparent !important;
}

.right_center ul li.AC11 a {
    background: #4285f4 !important;
}

.s6title.AC11,
.s6title.AC11:hover {
    color: #4285f4 !important;
    background: none !important;
}

.main_container_header.AC11 {
    background: none !important;
}

.main_container_header.AC11 {
    border-color: #4285f4 !important;
}

.main_container_header.AC11:hover {
    background: none !important;
}

h1.AC11,
h1.AC11:hover {
    background: none !important;
    color: #4285f4 !important;
}

.mahlaka_menu ul li a.AC11 {
    background: none !important;
    border-color: #4285f4 !important;
}

.mahlaka_menu ul li a.AC11:hover,
.mahlaka_menu ul li i:hover {
    background: #4285f4 !important;
}

.mahlaka_menu ul li span.AC11 {
    background: none !important;
    color: #4285f4 !important;
}

.line_hover.AC11 {
    background: #4285f4 !important;
}

.mahlaka_menu ul li a:hover>i.AC11 {
    color: #4285f4 !important;
}


/* AC12 */

.page_name h2.AC12 {
    background: #f4e842 !important;
}

.mahlaka_menu li a.AC12 i {
    background: #f4e842 !important;
}

.shlohot_menu ul li.AC12 {
    background: #f4e842 !important;
}

.shlohot_menu ul li.AC12:hover {
    background: #f4e842 !important;
}

.main_container_header span.AC12 {
    background: #f4e842 !important;
}

.flex_between li a.AC12 {
    background: #f4e842 !important;
}

.flex_between li a.AC12:hover {
    background: #f4e842 !important;
}

.flex_between li.AC12 {
    background: transparent !important;
}

.right_center ul li.AC12 a {
    background: #f4e842 !important;
}

.s6title.AC12,
.s6title.AC12:hover {
    color: #f4e842 !important;
    background: none !important;
}

.main_container_header.AC12 {
    background: none !important;
}

.main_container_header.AC12 {
    border-color: #f4e842 !important;
}

.main_container_header.AC12:hover {
    background: none !important;
}

h1.AC12,
h1.AC12:hover {
    background: none !important;
    color: #f4e842 !important;
}

.mahlaka_menu ul li a.AC12 {
    background: none !important;
    border-color: #f4e842 !important;
}

.mahlaka_menu ul li a.AC12:hover,
.mahlaka_menu ul li i:hover {
    background: #f4e842 !important;
}

.mahlaka_menu ul li span.AC12 {
    background: none !important;
    color: #f4e842 !important;
}

.line_hover.AC12 {
    background: #f4e842 !important;
}

.mahlaka_menu ul li a:hover>i.AC12 {
    color: #f4e842 !important;
}


/* Color End */


.left_center .swiper-slide {
    height: 240px !important;
}

.left_center .mahlaka_img {
    height: 200px !important;
}

.horizontalcssmenu ul li ul li a,
.horizontalcssmenu ul li ul li {
    width: 205px !important;
}

.events_slider .swiper-container,
.hogim_slider .swiper-container,
.events_slider .swiper-slide,
.hogim_slider .swiper-slide {
    height: auto !important;
}

.events_slider .swiper-button-prev,
.events_slider .swiper-button-next {
    background: #0a6daa !important;
    line-height: 150px !important;
    height: 150px !important;
    width: 40px !important;
}

.hogim-next,
.hogim-prev {
    background: #0a6daa !important;
    line-height: 150px !important;
    height: 150px !important;
    width: 40px !important;
}

#swiper-container3 .swiper-button-prev,
#swiper-container3 .swiper-button-next {
    top: 63% !important;
}

.shlohot_menu {
    z-index: 1;
    margin-top: 75px;
}

#cssmenu1 ul[tabindex="0"] {
    border-radius: 0 0 10px 10px;
    width: 780px;
    opacity: 1 !important;
    left: 54%;
    transform: translate(-54%);
    -webkit-transform: translate(-54%);
    -moz-transform: translate(-54%);
    -ms-transform: translate(-54%);
    -o-transform: translate(-54%);
}

#swiper-container3 .swiper-button-prev,
.swiper-button-next {
    position: absolute;
    bottom: 50%;
    background: #0a6daa;
    color: white;
    width: 50px;
    height: 0px;
    z-index: 10;
    cursor: pointer;
    line-height: 0px;
    -moz-background-size: 27px;
    -webkit-background-size: 27px;
    background-size: 27px;
    background-position: center;
    background-repeat: no-repeat;
}

#swiper-container3 .swiper-button-next i,
#swiper-container3 .swiper-button-prev i {
    position: absolute;
    bottom: 50%;
    background: #0a6daa;
    color: white;
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    line-height: 48px;
    -moz-background-size: 27px;
    -webkit-background-size: 27px;
    background-size: 27px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-container#swiper-container3 {
    float: right;
    width: 100%;
    height: 400px;
    position: relative;
    top: 60px !important;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide#swiper-container3 {
    width: auto;
    height: 400px;
    overflow: hidden;
    position: relative;
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.horizontalcssmenu ul li ul[tabindex="0"] li a .text_menu_2,
.horizontalcssmenu ul li ul[tabindex="0"] {
    -webkit-transition: cubic-bezier(1, -0.04, 0, 1.13) 0.55s !important;
    -moz-transition: cubic-bezier(1, -0.04, 0, 1.13) 0.55s !important;
    -o-transition: cubic-bezier(1, -0.04, 0, 1.13) 0.55s !important;
    -ms-transition: cubic-bezier(1, -0.04, 0, 1.13) 0.55s !important;
    transition: cubic-bezier(1, -0.04, 0, 1.13) 0.55s !important;
}

.horizontalcssmenu ul li ul[tabindex="0"] {
    width: 0px;
    height: 150px;
}

.horizontalcssmenu ul li:hover>ul[tabindex="0"],
.horizontalcssmenu ul li:focus>ul[tabindex="0"],
.horizontalcssmenu ul li:active>ul[tabindex="0"] {
    width: 780px !important;
}

/* Color */

.AC1,
ul.AC1:hover {
    background: #ca333d !important;
}

.AC2,
ul.AC2:hover {
    background: #f29041 !important;
}

.AC3,
ul.AC3:hover {
    background: #e2ca46 !important;
}

.AC4,
ul.AC4:hover {
    background: #55b25c !important;
}

.AC5,
ul.AC5:hover {
    background: #59c8f0 !important;
}

.AC6,
ul.AC6:hover {
    background: #3b3b7c !important;
}

.AC7,
ul.AC7:hover {
    background: #82308e !important;
}

.AC8,
ul.AC8:hover {
    background: #d64993 !important;
}

.AC9,
ul.AC9:hover {
    background: #886fff !important;
}

.AC10,
ul.AC10:hover {
    background: #ca333d !important;
}

.AC11,
ul.AC110:hover {
    background: #4285f4 !important;
}

.AC12,
ul.AC12:hover {
    background: #f4e842 !important;
}

.AC1:hover {
    background: #ca333d !important;
}

.AC2:hover {
    background: #f29041 !important;
}

.AC3:hover {
    background: #e2ca46 !important;
}

.AC4:hover {
    background: #55b25c !important;
}

.AC5:hover {
    background: #59c8f0 !important;
}

.AC6:hover {
    background: #3b3b7c !important;
}

.AC7:hover {
    background: #82308e !important;
}

.AC8:hover {
    background: #d64993 !important;
}

.AC9:hover {
    background: #6b58c9 !important;
}

.AC10:hover {
    background: #ca333d !important;
}

.AC11:hover {
    background: #4285f4 !important;
}

.AC12:hover {
    background: #f4e842 !important;
}


ul li:last-child .text_menu_2 {
    border-left: 0px solid white;
}

.text_menu_2 {
    font-size: 12pt !important;
    margin-top: 10px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.text_menu_2:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 40%;
    border-radius: 10px;
}


#cssmenu1 ul[tabindex="0"] li:nth-child(3) .text_menu_2:after,
#cssmenu1 ul[tabindex="0"] li:last-child .text_menu_2:after {
    width: 0px;
    height: 0px;
}

.horizontalcssmenu ul li ul[tabindex="0"] li a .text_menu_2 {
    top: 0vh !important;
}

.text_menu_2:hover {
    text-decoration: underline !important;
}

.hogim_slider {
    position: relative;
}

.button_list ul li a {
    padding: 0px !important;
}

.button_list {
    width: 860px;
}


.horizontalcssmenu ul li a {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

#logo img {
    border-radius: 30px;
}

#logo {
    height: 0px;
    width: 150px;
    margin-top: 20px;
    margin-right: 5px;
}

#logo:before {
    content: '';
    width: 220px;
    height: 225px;
    border-radius: 210px;
    position: absolute;
    top: -70px;
    right: -40px;
    z-index: -1;
    float: right;
    background: #fff;
    box-shadow: 7px 5px 8px 0px rgba(0, 0, 0, 0.3);
}

.popUpButten li {
    background: none;
}

.popUpButten {
    margin: 10px 0px 10px 10px;
}

.popUpButten li:hover {
    padding-right: 0px !important;
}

.news_box img {
    width: 100%;
}

.category_list ul li .contect_category_list span {
    color: #0a6daa;
}

.category_list ul li .contect_category_list a {
    background: #0a6daa;
}

.category_list ul li .contect_category_list a:hover,
.event_contact #formbutton:hover {
    background: rgba(24, 125, 211, 0.71);
}

.event_contact #formbutton {
    background: #0a6daa;
}

form.kesher table tr td {
    float: right;
}

form.kesher input.submit-button {
    margin-top: -50px !important;
    width: 100%;
    border-radius: 0px;
    font-weight: normal;
    font-size: 20px;
}

#NameC,
#EmailC,
#PhoneC {
    float: right;
    box-shadow: none;
    border-radius: 0px;
    font-weight: normal;
    font-size: 15px;
    border: 1px solid black;
    width: 98.5%;
    margin-right: 0px !important;
    margin-top: -20px !important;
}


.footerBox {
    background: none repeat scroll 0% 0% white !important;
    border-radius: 0px;
    background: white;
    border-top: 2px solid #0a6daa;
    border-bottom: 2px solid #0a6daa;
}

.footerBoxContact {
    margin-bottom: 30px;
}

.footerBoxContact span {
    color: #0a6daa !important;
}

h1 {
    margin: 0;
}

p {
    margin: 10px 0px;
}

.hog_goto:hover {
    text-decoration: none;
}

.hogim_slider {
    position: relative;
}

.mahlaka_menu li a i {
    line-height: 56px !important;
}

.right_center ul li a span {
    margin-right: 10px;
}

.right_center ul li a {
    background: #0a6daa;
}

.footerBoxContact ul li {
    line-height: 25px;
    font-size: 14px;
}

.main_container_header span {
    margin-left: 10px;
}

.category_list ul li .contect_category_list p {
    min-height: 32px;
}

.navi_line {
    font-size: 14px !important;
}

.hog_table {
    margin-top: 20px;
}

.event_contact b {
    margin-bottom: 10px;
}

.goToTop {
    background: #0a6daa;
    color: white;
    border: none;
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 15px;
    font-size: 30px;
    z-index: 999999 !important;
    left: 15px !important;
    right: auto;
}

.goToTop:after {
    content: '' !important;
    color: none !important;
    line-height: 50px !important;
}


.footerBox {
    margin-bottom: 0px !important;
}

.mahlaka_img img {
    height: auto !important;
    width: 100% !important;
}

.shlohot_menu ul {
    width: 690px;
}

.event_goto {
    color: #0a6daa;
}

.hog_table th,
.harshama_link a {
    background: #0a6daa;
}

.event_con.event_con2 .hog_table th,
.event_con.event_con2 .harshama_link a {
    background: unset !important;
}

/* Clean table for tzaharon pages - override blue background */
.tzaharon_table_93 th,
.tzaharon_table_93 td,
.tzaharon_table_93 tr {
    background: transparent !important;
    border: none !important;
}

.tzaharon_table_93 th {
    font-weight: 600 !important;
    color: #333 !important;
}

.tzaharon_table_93 tr {
    border-bottom: 1px solid #e0e0e0 !important;
}

.harshama_link a:hover {
    background: #4eafe5;
}

#matnasnet {
    background: #0a6daa;
    padding-bottom: 20px !important;
}

#matnasnet a {
    color: white !important;
    font-size: 16px;
    text-decoration: none;
}

#matnasnet a:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 5px;
    left: -3px;
    width: 45px;
    height: 30px;
    background-image: url(http://www.ravmad.co.il/productImages/image1440067119.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.text_menu,
.text_menu:hover {
    background: transparent !important;
    color: rgb(50, 50, 50) !important;
    position: relative;
}

@media screen and (min-width: 1600px) {

    .swiper-container,
    .swiper-slide,
    .mahlaka_img {
        height: 500px !important;
    }

}

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

    .mahlaka_img img {
        height: 100% !important;
        width: auto !important;
    }

}

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

    .news_contect h3 {
        background: #0a6daa;
    }

}

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

    .navi_line i {
        margin-top: 12px !important;
    }

    .mahlaka_menu li a span {
        font-size: 13px !important;
    }

    .popUpButten {
        margin: 0px 0px 10px 10px;
    }

    #logo {
        margin: 5px auto !important;
        position: relative;
        width: 80px;
    }

    #logo:before {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background: none !important;
        box-shadow: none !important;
    }

}

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


    .slideshow nav span.nav-close {
        color: #0a6daa !important;
    }

    .slideshow li figure img {
        max-width: 80% !important;
        margin-left: 10%;
    }
}

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

    .imageFolder {
        margin-right: 2.5%;
        margin-left: 2.5%;
        padding: 0px;
        width: 45%;
        opacity: 1;
        border-radius: 0px;
    }

}

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

    .shlohot_menu ul {
        width: 100%;
    }

}

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

    .mahlaka_menu {
        border-top: 1.5px solid #DDD;
    }

}

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

    .footerBoxContact {
        width: 40%;
        float: right;
    }
}

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

    #face-nav {
        margin-right: 10%;
    }
}

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

    .header_line,
    .swiper-container {
        width: 100% !important;
    }

    .mahlaka_menu ul li a {
        width: 41%;
    }

}

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

    .news_sec section:nth-child(3) {
        display: none;
    }

    .shlohot_menu ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 15px !important;
        padding: 15px !important;
        overflow: visible !important;
    }

    .shlohot_menu ul li {
        width: calc(50% - 7.5px) !important;
        max-width: 150px !important;
        height: 90px;
        margin-top: 10px;
        flex: 0 0 calc(50% - 7.5px) !important;
    }

}

@media screen and (max-width: 500px) {
    .print-button {
        display: none;
    }

    .shlohot_menu ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 10px !important;
        padding: 15px 10px !important;
        overflow: visible !important;
    }

    .shlohot_menu ul li {
        width: calc(50% - 5px) !important;
        max-width: none !important;
        height: 60px;
        flex: 0 0 calc(50% - 5px) !important;
    }

    .shlohot_menu ul li a span {
        font-size: 11px !important;
    }

}

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

    .main_container_header span {
        margin: 0 auto !important;
    }

    .main_container_header div {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .shlohot_menu ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 8px !important;
        padding: 15px 8px !important;
        overflow: visible !important;
    }

    .shlohot_menu ul li {
        width: calc(50% - 4px) !important;
        flex: 0 0 calc(50% - 4px) !important;
    }

    .swiper-container,
    .swiper-slide,
    .mahlaka_img {
        height: 300px !important;
    }

    #swiper-container3 .swiper-button-prev,
    #swiper-container3 .swiper-button-next {
        top: 108% !important;
    }

}

@media screen and (max-width: 370px) {
    .imageFolder {
        margin-right: 2.5%;
        margin-left: 2.5%;
        padding: 0px;
        width: 95%;
        opacity: 1;
        border-radius: 0px;
    }

}

@media screen and (max-width: 60em) {

    .slideshow li {
        width: 100% !important;
        margin: 0 !important;
    }

    .slideshow li:after {
        left: 0px !important;
    }
}

/* Mobile Styles for Center 93 */
@media screen and (max-width: 991px) {

    /* Main section - stretch background based on content (like other centers in schema 58) */
    .main {
        padding-top: 0px;
        height: auto !important;
        min-height: auto !important;
    }

    .main.boxs header+.container {
        min-height: auto;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }

    /* Hide "מה חדש" section on mobile */
    .ban_up {
        display: none !important;
    }

    /* Navigation Links - Mobile Only */
    .navi li {
        padding: 0px 8px !important;
        margin: 0 2px !important;
    }

    .navi li a {
        font-size: 16px !important;
        padding: 12px 10px !important;
        display: inline-block !important;
        white-space: nowrap !important;
    }

    /* Item list layout for mobile - 2 columns grid (like other centers in schema 58) */
    .item_list {
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 20px 0 !important;
        left: inherit !important;
        bottom: inherit !important;
        transform: inherit !important;
        z-index: 2 !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        min-height: auto !important;
    }

    .item_list ul,
    .item_list ul.zoomIn {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: flex-start !important;
        list-style: none !important;
        padding: 20px 15px 50px 15px !important;
        margin: 0 auto !important;
        width: 100% !important;
        gap: 20px !important;
        row-gap: 40px !important;
        column-gap: 20px !important;
        max-width: 100% !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        min-height: auto !important;
    }

    .item_list .list_con {
        position: relative !important;
        width: calc((100% - 20px) / 2) !important;
        max-width: none !important;
        height: 155px !important;
        margin: 0 !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        flex: 0 0 calc((100% - 20px) / 2) !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

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

    /* Main section - stretch background based on content (like other centers in schema 58) */
    .main {
        height: auto !important;
        min-height: auto !important;
    }

    /* Ensure item_list displays all items in mobile - override base styles */
    .item_list ul,
    .item_list ul.zoomIn {
        flex-wrap: wrap !important;
        flex-direction: row !important;
        display: flex !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        padding: 20px 15px 10px 15px !important;
        /* Reduced bottom padding from 245px */
        gap: 20px !important;
        row-gap: 40px !important;
        column-gap: 20px !important;
        justify-content: center !important;
    }

    /* Reduce spacing between item list and connect/newsletter section */
    .main.boxs header+.container {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .connectwithus,
    section.connectwithus {
        margin-top: 0 !important;
        padding-top: 15px !important;
    }

    /* Remove the extra space from main section */
    .main::after,
    .main.boxs::after {
        display: none !important;
        height: 0 !important;
    }

    .main.boxs header+.container {
        min-height: auto !important;
        padding-bottom: 0 !important;
    }

    .main.boxs .container {
        min-height: auto !important;
        padding-bottom: 0 !important;
    }

    /* Remove extra padding from item_list */
    .item_list {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .item_list .list_con {
        flex: 0 0 calc((100% - 20px) / 2) !important;
        width: calc((100% - 20px) / 2) !important;
        height: 155px !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        margin: 0 !important;
    }

    .item_list .item_inn {
        padding: 20px 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .item_list .item_inn img {
        width: 60px !important;
        height: 60px !important;
        margin-bottom: 8px !important;
        filter: contrast(0.85) brightness(1.05);
    }

    .item_list .list_con p {
        font-size: 15px !important;
        padding-top: 5px !important;
        line-height: 1.3 !important;
    }
}

@media screen and (max-width: 560px) {
    .item_list {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .item_list ul,
    .item_list ul.zoomIn {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        padding: 20px 10px !important;
        gap: 15px !important;
        row-gap: 35px !important;
        column-gap: 15px !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        justify-content: center !important;
    }

    .item_list .list_con {
        width: calc((100% - 15px) / 2) !important;
        height: 140px !important;
        flex: 0 0 calc((100% - 15px) / 2) !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: flex !important;
        position: relative !important;
        margin: 0 !important;
    }

    .item_list .item_inn {
        padding: 15px 8px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .item_list .item_inn img {
        width: 55px !important;
        height: 55px !important;
        margin-bottom: 8px !important;
        filter: contrast(0.85) brightness(1.05);
    }

    .item_list .list_con p {
        font-size: 14px !important;
        padding-top: 5px !important;
        line-height: 1.3 !important;
    }
}

@media screen and (max-width: 389px) {
    .item_list {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .item_list ul,
    .item_list ul.zoomIn {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        padding: 15px 8px !important;
        gap: 12px !important;
        row-gap: 30px !important;
        column-gap: 12px !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        justify-content: center !important;
    }

    .item_list .list_con {
        width: calc((100% - 12px) / 2) !important;
        height: 130px !important;
        flex: 0 0 calc((100% - 12px) / 2) !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: flex !important;
        position: relative !important;
        margin: 0 !important;
    }

    .item_list .item_inn {
        padding: 12px 6px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .item_list .item_inn img {
        width: 50px !important;
        height: 50px !important;
        margin-bottom: 6px !important;
        filter: contrast(0.85) brightness(1.05);
    }

    .item_list .list_con p {
        font-size: 13px !important;
        padding-top: 4px !important;
        line-height: 1.3 !important;
    }
}

.print-button {
    background: white;
    color: #0A6DC1;
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-right: 5px;
}

.print-button:hover {
    background: #f5f5f5;
}

.print-button:before {
    content: "🖨️";
    margin-left: 4px;
}

button:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* ============================================
   Center 93 - Schema 58 Specific Styles
   ============================================ */

/* Set all fonts to sans-serif for Center 93 */
body,
body *,
.main,
.main *,
.header,
.header *,
.container,
.container * {}

/* Header - Light Gray/Off-White Navigation Bar - Centered */
.header {
    background: #f5f5f5 !important;
    border-radius: 25px;
    padding-left: 0 !important;
    padding-right: 180px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-top: 10px;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid #e0e0e0;
    opacity: 1;
    position: relative !important;
    max-width: 1200px !important;
    width: 95% !important;
    overflow: visible !important;
}

/* Container - center the header */
header .container {
    padding-left: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important;
    width: 95% !important;
}

/* Forflex container - ensure items are to the left of logo */
.header .forflex {
    justify-content: flex-start !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-direction: row !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* Logo - Make it cover the top bar like a patch - Far right */
.header .logo {
    position: absolute !important;
    top: -50px !important;
    right: -30px !important;
    z-index: 10 !important;
    margin: 0 !important;
    order: 999 !important;
}

.header .logo img {
    max-height: 110px !important;
    width: auto !important;
    display: block !important;
}

/* Ensure header doesn't clip the logo */
.header {
    overflow: visible !important;
}

header .container {
    overflow: visible !important;
}

/* Navigation and Search - ensure they stay to the left */
.header .navi,
.header .search {
    position: relative !important;
    z-index: 1 !important;
}

/* Navigation Links */
.navi li {
    padding: 0px 10px !important;
    vertical-align: middle !important;
}

.navi li a {
    color: #333 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    padding: 1px 0 !important;
    display: inline-block !important;
}

.navi li:hover {
    background: transparent !important;
}

.navi li:hover a {
    background: transparent !important;
    color: #6B984E !important;
}

/* Sub Navigation Menu - White Background */
.sub_nav2 {
    background: white !important;
    padding: 0 !important;
}

.sub_nav2 li {
    margin: 0;
    padding: 0;
}

.sub_nav2 li a {
    color: #333 !important;
    padding: 8px 10px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.sub_nav2 li a:hover {
    background: #f28422 !important;
    color: white !important;
}

/* Active/Home Link - Green (when on homepage) */
.navi li a.active {
    color: #6B984E !important;
}

/* Search Bar - Left side of top bar (appears on visual left in RTL, flush to left edge) */
.header .search {
    height: auto !important;
    line-height: 1.2 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    order: 3 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
}

.header .search .search_in {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 10px !important;
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

/* Navigation - Right side (appears on visual right in RTL, before logo) */
.header .navi {
    order: 2 !important;
    margin-left: 0 !important;
    margin-right: 20px !important;
    flex-shrink: 0 !important;
    align-self: center !important;
}

.search .search_in {
    border: 1px solid #ccc !important;
    color: #333 !important;
    background: #fff !important;
    height: 32px !important;
    padding: 5px 10px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    margin-left: 0 !important;
}

.search .search_in::placeholder {
    color: #666 !important;
}

/* Hero Section - "מה חדש?" Box - More rectangular shape */
.ban_up {
    background-color: #6B984E !important;
    border-radius: 20px;
    padding: 0px 30px 15px 30px;
    width: 520px;
    min-height: 180px;
    opacity: 0.9;
}

.ban_up h3 {
    background-color: #f5f5f0 !important;
    color: #ff8c00 !important;
    font-size: 32px;
    font-weight: 700;
    padding: 8px 30px 8px 65px;
    display: inline-block;
    border-radius: 18px;
    position: relative;
    margin-top: -45px;
    margin-bottom: 20px;
    margin-right: -15px;
    letter-spacing: -1px !important;
    white-space: nowrap !important;
    min-width: 250px !important;
}

.ban_up h3 i {
    font-style: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
    vertical-align: baseline !important;
    letter-spacing: -3px !important;
    margin-left: -5px !important;
}

.ban_up h3::after,
.ban_up h3::before,
.ban_up::after,
.ban_up::before {
    display: none !important;
    content: none !important;
}

/* Remove any background images that might contain rainbow */
.ban_up h3 {
    background-image: none !important;
}

.ban_up {
    background-image: none !important;
}

.ban_up p {
    color: #fff !important;
    font-size: 32px;
    line-height: 1.35;
    margin-bottom: 10px;
    font-weight: 400;
}

.ban_up a {
    color: #fff !important;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 0px;
    display: block;
}

.ban_up a .h4,
.ban_up a h1.h4 {
    font-size: 28px !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
    display: block;
}

/* Main Banner Border - removed, using ::after instead */
.main {
    border-bottom: none !important;
}

/* Ensure boxes don't overlap orange border - add padding to main for all desktop resolutions */
/* Unified spacing for all desktop resolutions */
@media screen and (min-width: 768px) {
    .main {
        padding-bottom: 30px !important;
        overflow: visible !important;
        position: relative !important;
    }

    /* Ensure boxes don't extend beyond main's padding area */
    .main.boxs .item_list {
        max-width: 100% !important;
        margin-bottom: 30px !important;
    }

    .item_list {
        margin-bottom: 30px !important;
    }
}

/* Ensure consistent spacing for medium desktop (768px - 1199px) */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .main {
        padding-bottom: 30px !important;
    }

    .item_list {
        margin-bottom: 30px !important;
    }

    .main.boxs .item_list {
        margin-bottom: 30px !important;
    }
}

/* Ensure consistent spacing for large desktop (1200px - 1599px) */
@media screen and (min-width: 1200px) and (max-width: 1599px) {
    .main {
        padding-bottom: 30px !important;
    }

    .item_list {
        margin-bottom: 30px !important;
    }

    .main.boxs .item_list {
        margin-bottom: 30px !important;
    }

    /* Ensure container spacing matches */
    .main.boxs header+.container {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* Extra protection for very large screens (1600px+) */
@media screen and (min-width: 1600px) {
    .main {
        padding-bottom: 30px !important;
    }

    .main.boxs .item_list {
        margin-bottom: 30px !important;
    }

    .item_list {
        margin-bottom: 30px !important;
    }

    /* Ensure container spacing matches */
    .main.boxs header+.container {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* Unified spacing for all large screens (1200px+) - ensure identical spacing */
@media screen and (min-width: 1200px) {
    .main {
        padding-bottom: 30px !important;
    }

    .item_list {
        margin-bottom: 30px !important;
    }

    .main.boxs .item_list {
        margin-bottom: 30px !important;
    }

    .main.boxs header+.container {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* Orange line via .main::after - ensure spacing from boxes */
.main::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 6px !important;
    background-color: #f28422 !important;
    z-index: 0 !important;
    display: block !important;
}

/* Arrow Position - Center 93 - Hide the arrow/rainbow */
.arrow {
    display: none !important;
}

/* Hide rainbow/arc decoration */
.greenspot {
    display: none !important;
}

/* Events Section - Orange Heading */
.events_inn h1 {
    color: #f28422 !important;
    text-align: center;
    padding-bottom: 10px;
}

.events_inn h1 span::after {
    background-color: #b5b5af !important;
    width: 60%;
    height: 6px;
    border-radius: 10px;
    bottom: -15px;
    left: 20%;
}

/* Event Cards Container */
.event_list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

/* Event Cards - Schema 80 style - Exact copy */
.ev_list_out {
    width: 23.54% !important;
    display: inline-block !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 50%) !important;
    border-radius: 20px !important;
    margin: 15px 7px !important;
}

/* Event card image - Schema 80 style - Exact copy */
.event_img,
.event_img.boxs,
.hug_list .event_img,
.ev_list_out .event_img {
    box-shadow: 0px 20px 0px 0px #f28422 !important;
    border-radius: 20px !important;
    margin-bottom: 15px !important;
}

/* Image fills container - Schema 80 style - Exact copy */
.event_img img,
.event_img.boxs img,
.ev_list_out .event_img img,
.hug_list .ev_list_out .event_img img {
    width: 100% !important;
    border-radius: 20px !important;
}

/* Event card content area - Schema 80 style - Exact copy */
.ev_list_out .event_con,
.ev_list_out .event_con.boxs,
.ev_list_out .event_con.boxs.showFullDate,
.hug_list .ev_list_out .event_con,
.classHug .ev_list_out .event_con,
.category_list .ev_list_out .event_con {
    padding: 15px 10px !important;
    min-height: 165px !important;
    text-align: center !important;
    position: relative !important;
}

.event_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
}

/* Date box - Now visible (was hidden for Schema 80 style) */
/* Removed hide rules to show dates on event cards */

/* Event Card - Schema 80 Style for Center 93 */
/* Clean look: image top, colored stripe, white text area */

.eve_lft {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: right !important;
    position: relative !important;
    padding-top: 0 !important;
    padding-bottom: 25px !important;
}

.eve_lft h6 {
    color: #6B984E !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-align: right !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Location - bottom left of event card (positioned relative to .event_con) */
.event_list .ev_list_out .event_con .eve_lft p {
    color: #f28422 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    bottom: 12px !important;
    left: 15px !important;
    right: auto !important;
    text-align: left !important;
}

/* eve_lft should not be positioned so p can position relative to event_con */
.event_list .ev_list_out .event_con .eve_lft {
    position: static !important;
}

/* Time - bottom right */
.event_con .eve_rht p,
.ev_list_out .eve_rht p {
    position: absolute !important;
    bottom: 12px !important;
    right: 15px !important;
    margin: 0 !important;
}

.event_con,
.ev_list_out .event_con {
    position: relative !important;
}

/* Event card content area - White background like schema 80 */
.event_con,
.event_con.boxs,
.event_con.boxs.showFullDate {
    background-color: #fff !important;
    padding: 15px 10px !important;
    min-height: 80px !important;
    text-align: center !important;
    position: relative !important;
    padding: 12px 15px 40px 15px !important;
    position: relative !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
}

/* Event card image shadow - Orange stripe */
.event_img,
.ev_list_out .event_img {
    box-shadow: 0px 20px 0px 0px #f28422 !important;
}

/* More Events Button */
.more_events a {
    background-color: #6B984E !important;
    color: #fff !important;
    padding: 15px 35px;
    border-radius: 30px;
    font-size: 20.04px;
}

.more_events a:hover {
    background-color: #5a8843 !important;
}

/* Activity Inner - Green Background for Center 93 */
.activity_inner {
    background-color: white !important;
}

/* Drop Mobile Arrow - Orange for Center 93 */
.drop_mob::after {
    filter: brightness(0) saturate(100%) invert(65%) sepia(95%) saturate(2000%) hue-rotate(350deg) brightness(95%) contrast(95%) !important;
}

/* Search Button - Orange for Center 93 */
.form--bar input[type="submit"],
.category_set input[type="submit"] {
    background-color: #f28422 !important;
    color: #fff !important;
}

.category_set {
    background-color: #6B984E !important;
}

.category_set li {
    color: #fff !important;
}

.category_set h6 {
    color: #fff !important;
}

.category_set span {
    color: #fff !important;
}

/* Green Circle SVG - Change to Orange for Center 93 */
.green_circle,
.green_circle2 {
    filter: brightness(0) saturate(100%) invert(65%) sepia(95%) saturate(2000%) hue-rotate(350deg) brightness(95%) contrast(95%) !important;
}

/* Events Scroll Button - Center 93 */
.events {
    position: relative !important;
}

.events .scroll-down {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: -30px !important;
    z-index: 10 !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 60px !important;
    width: 60px !important;
}

.events .scroll-down img {
    width: 60px !important;
    height: 60px !important;
    transition: all 0.3s ease !important;
}

.events .scroll-down:hover img {
    transform: scale(1.05) !important;
}

/* Clubs Section - Orange Heading */
.activity h1 {
    color: #f28422 !important;
    text-align: center;
    padding-bottom: 60px;
}

.activity h1 span::after {
    background-color: #b5b5af !important;
    width: 170px;
    height: 6px;
    border-radius: 10px;
    bottom: -15px;
    left: 13%;
}

/* Activity Category Tabs */
.activity_category {
    display: flex !important;
    width: 100% !important;
}

.activity_category li {
    flex: 1 1 0 !important;
    width: auto !important;
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #6B984E !important;
}

.activity_category li.active {
    background-color: #6B984E !important;
    color: #fff !important;
    font-weight: bold;
    border: 1px solid #6B984E !important;
}

.activity_category li a {
    color: inherit !important;
    font-size: 18px;
}

/* Category Set - Green Background */
.category_set {
    background-color: #6B984E !important;
    padding: 15px 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: visible !important;
    width: 100% !important;
}

.category_set ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-around !important;
    width: 100% !important;
    overflow: visible !important;
}

.category_set li {
    color: #fff !important;
    font-size: 19px;
    font-weight: 400;
    width: auto !important;
    flex: 1 1 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Category icons - white outline style */
.category_set li img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.9 !important;
    max-width: 50px !important;
    max-height: 50px !important;
}

/* Hide broken image alt text */
.category_set li img[alt="activity"]:not([src]),
.category_set li img[alt="activity"][src=""] {
    display: none !important;
}

/* Subscription Forms Section - Add space above to prevent overlap with category icons */
.connectwithus,
section.connectwithus {
    margin-top: 120px !important;
    padding-top: 40px !important;
}

/* Mobile: Reduce spacing to be closer to category icons */
@media screen and (max-width: 767px) {

    .connectwithus,
    section.connectwithus {
        margin-top: 20px !important;
        padding-top: 10px !important;
    }
}

/* Desktop: Display forms side by side with full width */
@media screen and (min-width: 768px) {

    .connectwithus,
    section.connectwithus {
        display: flex !important;
        gap: 30px !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        padding: 20px 40px !important;
    }

    .connect_green,
    .connect_white {
        flex: 1 !important;
        max-width: none !important;
        width: 100% !important;
    }
}

.connect_green {
    border: 1px solid #6B984E !important;
    background-color: #fff !important;
}


.connect_green h3 {
    color: #6B984E !important;
}

/* Age Slider (ionRangeSlider) - Match schema colors */
.irs--flat .irs-bar {
    background: #f28422 !important;
}

.irs--flat .irs-line {
    background: #fff !important;
    border: 2px solid #6B984E !important;
    border-radius: 10px !important;
}

.irs--flat .irs-handle {
    background: #fff !important;
    border: 3px solid #6B984E !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
}

.irs--flat .irs-handle>i:first-child {
    display: none !important;
}

/* Tooltip bubbles - show age values in speech bubble style */
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    background: #fff !important;
    color: #6B984E !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 5px 10px !important;
    border-radius: 5px !important;
    top: -35px !important;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    content: "" !important;
    position: absolute !important;
    bottom: -6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-top: 6px solid #fff !important;
}

.irs--flat .irs-grid-text {
    color: #fff !important;
}

.irs--flat .irs-grid-pol {
    background: #fff !important;
}

/* Age input fields */
.diffC input[type="number"],
.diffC input[type="text"],
#minAgeInp,
#maxAgeInp {
    border: 2px solid #6B984E !important;
    border-radius: 8px !important;
    color: #333 !important;
}

/* Email and SMS forms - gray border instead of orange */
.connect_white {
    border: 1px solid #b5b5af !important;
}

.connect_inn form input[type="submit"] {
    background: #6B984E !important;
}

/* Facebook Section */
.face_inner h1 {
    color: #00539f !important;
    padding-bottom: 15px;
}

.face_inner h1 span::after {
    background-color: #b5b5af !important;
    width: 150px;
    height: 6px;
    border-radius: 10px;
    bottom: -15px;
    right: 0;
}

/* Footer - Green Background with Orange Stripe */
footer {
    background-color: #6B984E !important;
    padding: 30px 0px;
    position: relative;
    overflow-x: hidden;
}

footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #ff8c00 !important;
    z-index: 1;
    clip-path: none !important;
    -webkit-clip-path: none !important;
}

footer:after {
    display: none !important;
}

.foot .contact {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.foot .contact li a {
    color: #fff !important;
    font-size: 27px;
}

.foot .contact li img {
    filter: none !important;
}

.social_links li img {
    filter: brightness(0) invert(1);
}

/* WhatsApp and Email Icons on Left Side */
.whats {
    background-color: #6B984E !important;
    position: fixed;
    left: 0;
    top: 200px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 3;
    padding: 0px 15px;
}

.whats li {
    display: block;
    padding: 15px 0px;
    border-bottom: 1px solid #fff;
}

.whats li:last-child {
    border-bottom: none;
}

/* Hamburger Menu */
.hamburger {
    background: #0068ae !important;
    border: 1px solid #fff;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 50%);
}

/* Banner Section - Center 93 Green */
.banner_in,
.container .banner_in,
.container .banner_in.boxs,
section .banner_in {
    background-color: #6B984E !important;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin-top: 10px;
    padding: 12px 0px;
    text-align: center;
}

.banner_in h1,
.container .banner_in h1 {
    color: #fff !important;
    padding: 3px 0px;
}

.banner_in .breadcrum,
.banner_in .breadcrum a,
.banner_in .breadcrum strong {
    color: #fff !important;
}

/* General Content Section */
.gencon {
    padding: 15px 0px;
}

/* Buttons - Green for Center 93 */
button,
input[type="submit"] {
    background: #6B984E !important;
    color: rgb(255, 255, 255) !important;
    padding: 10px;
    border-radius: 15px;
    border: none !important;
    outline: none !important;
}

/* Kits Section Background */
.kits {
    background: url(../image/back1.png) no-repeat center center;
    background-size: cover;
    padding: 50px 0px 10px;
}

.kits_con {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 10px;
    margin: 15px 7px;
    overflow: hidden;
}

.kits_con h3 {
    color: #fff !important;
    font-size: 33px;
    font-weight: bold;
    padding: 25px 50px 0px 50px;
    text-align: center;
}

/* Event Navigation */
.event_nav {
    padding: 15px 0px;
    border-bottom: 1px solid #b5b5af;
}

.event_nav li a {
    font-size: 27px;
    color: #000;
    position: relative;
}

.event_nav li a.active {
    font-weight: bold;
}

.event_nav li a::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    transition: 0.5s ease all;
}

.event_nav li a:hover::after {
    background-color: #f28422;
}

/* Events Section - "האירועים שלנו" Header Styling */
.events_inn h1 {
    color: #FF8C00 !important;
    text-align: center !important;
}

.events_inn h1 span::after {
    width: 80% !important;
    left: 10% !important;
    background-color: #b5b5af !important;
    height: 2px !important;
    bottom: -10px !important;
}

/* Events Cards - Mobile - One per row for Center 93 */
@media screen and (max-width: 767px) {

    .ev_list_out,
    .hug_list_out {
        width: 100% !important;
        max-width: 100% !important;
        margin: 15px 0 !important;
        display: block !important;
        flex: 0 0 100% !important;
    }

    .event_list.boxs {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 10px !important;
    }

    /* Fix event card internal layout on mobile - ensure horizontal layout */
    .event_con,
    .hug_con {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        min-height: 150px !important;
        padding: 15px 10px !important;
    }

    /* Date section (eve_rht) - left side visually in RTL */
    .eve_rht,
    .hug_rht {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 80px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
        padding: 0 10px 0 0 !important;
    }

    .eve_rht h2,
    .hug_rht h2 {
        font-size: 36px !important;
        line-height: 1 !important;
        margin: 0 !important;
        color: #6B984E !important;
        font-weight: 800 !important;
    }

    .eve_rht h2 span,
    .hug_rht h2 span {
        font-size: 14px !important;
        margin-top: 5px !important;
        color: #6B984E !important;
        font-weight: 800 !important;
    }

    .eve_rht i,
    .hug_rht i {
        font-size: 10px !important;
        padding: 3px 0 !important;
        margin: 5px 0 !important;
        width: 100% !important;
        color: #000 !important;
    }

    .eve_rht p,
    .hug_rht p {
        font-size: 16px !important;
        margin-top: 5px !important;
        color: #000 !important;
    }

    /* Title/Location section (eve_lft) - right side visually in RTL */
    .eve_lft,
    .hug_lft {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        text-align: right !important;
        padding-right: 10px !important;
        border-right: 1px solid #e0e0e0 !important;
        min-height: 80px !important;
    }

    .eve_lft h6,
    .hug_lft h6 {
        font-size: 16px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #6B984E !important;
        font-weight: 800 !important;
    }

    .eve_lft p,
    .hug_lft p {
        font-size: 14px !important;
        margin: 0 !important;
        text-align: left !important;
        align-self: flex-end !important;
        color: #f28422 !important;
        font-weight: 600 !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {

    .ev_list_out,
    .hug_list_out {
        width: 100% !important;
        max-width: 100% !important;
        margin: 15px 0 !important;
        flex: 0 0 100% !important;
    }

    .event_list.boxs {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 15px !important;
    }

    /* Fix event card internal layout on tablet - ensure horizontal layout */
    .event_con,
    .hug_con {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }

    .eve_rht,
    .hug_rht {
        flex: 0 0 auto !important;
        min-width: 90px !important;
    }

    .eve_lft,
    .hug_lft {
        flex: 1 1 auto !important;
        border-right: 1px solid #e0e0e0 !important;
        padding-right: 10px !important;
    }
}

/* Override responsive.css rules for 553-727px - keep one per row */
@media screen and (min-width: 553px) and (max-width: 727px) {

    .ev_list_out,
    .hug_list_out {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Social Links in Footer */
.social_links {
    padding-top: 50px;
    justify-content: center;
}

.social_links li {
    display: inline-block;
    margin: 0px 10px;
}

.social_links li img {
    width: 50px;
    height: 40px;
}

/* ============================================
   Center 93 - Mobile Header - Uses default Schema 58 styles
   ============================================ */
/* All mobile_head styles removed - using default Schema 58 styles from custom.css and responsive.css */

/* White background and green icons for mobile top bar */
@media screen and (max-width: 991px) {
    .mobile_head {
        background-color: #ffffff !important;
        padding: 20px 15px 12px 15px !important;
        overflow: visible !important;
    }

    /* Ensure parent containers don't clip the logo */
    header,
    header .container,
    .top_bar,
    body>header {
        overflow: visible !important;
    }

    .mobile_head ul {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-direction: row !important;
        direction: ltr !important;
        width: 100% !important;
        gap: 0 !important;
    }

    /* Regular icon buttons - NO circle, just the icon */
    .mobile_head li {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        direction: rtl !important;
    }

    .mobile_head li a {
        width: auto !important;
        height: auto !important;
        border: none !important;
        border-radius: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: transparent !important;
        padding: 5px 8px !important;
    }

    /* Green icons for mobile top bar - Center 93 green color (#6B984E) */
    .mobile_head li a img {
        filter: brightness(0) saturate(100%) invert(48%) sepia(95%) saturate(800%) hue-rotate(60deg) brightness(90%) contrast(85%) !important;
        width: 28px !important;
        height: 28px !important;
    }

    /* Hamburger - ONLY this one has circular border - on LEFT side */
    .mobile_head .hum_mob {
        order: 1 !important;
        margin-right: 15px !important;
        margin-left: 0 !important;
    }

    .mobile_head .hamburger {
        background-color: #ffffff !important;
        border: 1.5px solid #7a9b6a !important;
        border-radius: 50% !important;
        width: 50px !important;
        height: 50px !important;
        padding: 0 !important;
        position: static !important;
        float: none !important;
        box-shadow: none !important;
    }

    .mobile_head .hamburger a {
        background-color: transparent !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        border: none !important;
    }

    .mobile_head .hamburger a img {
        filter: brightness(0) saturate(100%) invert(60%) sepia(25%) saturate(400%) hue-rotate(60deg) brightness(95%) contrast(90%) !important;
        width: 24px !important;
        height: 24px !important;
    }

    /* Icons - in the middle, after hamburger */
    .mobile_head li:not(.logo_mob):not(.hum_mob) {
        order: 2 !important;
    }

    /* Logo - large on the RIGHT side */
    .mobile_head .logo_mob {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        background-color: transparent !important;
        padding: 0 !important;
        margin-right: -20px !important;
        margin-top: -10px !important;
        margin-left: auto !important;
        order: 3 !important;
        direction: rtl !important;
    }

    .mobile_head .logo_mob a {
        display: flex !important;
        align-items: center !important;
        background-color: transparent !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        border: none !important;
        border-radius: 0 !important;
    }

    .mobile_head .logo_mob img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-width: 240px !important;
        max-height: 110px !important;
        height: auto !important;
        filter: none !important;
        width: auto !important;
        /* Remove circular crop and border from schema58 */
        border-radius: 0 !important;
        border: none !important;
        position: static !important;
        right: auto !important;
    }

    /* Remove background and padding from logo container */
    .mobile_head .logo_mob,
    .logo_mob {
        background: none !important;
        background-color: transparent !important;
        padding: 0 !important;
        border: none !important;
    }

    .mobile_head .logo_mob a {
        background: none !important;
        background-color: transparent !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Remove white circle around logo on mobile */
    #logo:before,
    .logo_mob:before,
    .mobile_head .logo_mob:before,
    .mobile_head .logo_mob a:before {
        display: none !important;
        content: none !important;
    }

    #logo {
        background: none !important;
    }

    #logo:before {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background: none !important;
        box-shadow: none !important;
    }

    /* Hide email button in mobile top bar */
    .mobile_head li:has(a[href^="mailto:"]),
    .mobile_head li:has(a[href*="mail"]),
    .mobile_head li:has(img[src*="mail.svg"]) {
        display: none !important;
    }
}

/* Override main height for Center 93 - auto height based on content */
.main {
    height: auto !important;
    min-height: auto !important;
}

.main.boxs header+.container {
    min-height: auto !important;
    height: auto !important;
    position: relative;
}

/* Prevent boxes from overlapping orange border - ensure container respects padding */
@media screen and (min-width: 992px) {
    .main.boxs header+.container {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* Additional green accents */
.blue_link {
    text-align: left;
}

.blue_link a {
    color: #fff !important;
    font-size: 17px;
    font-weight: bold;
    display: inline-block;
    margin-top: 20px;
}


/* Yellow Spot Decorations */
.yellowspot1 {
    position: absolute;
    top: 0;
    left: 0;
}

.yellowspot2 {
    position: absolute;
    bottom: 0;
    right: 250px;
    z-index: -1;
}

/* Category Icons Layout - Center 93 - Simple Row Layout */
.item_list {
    position: relative !important;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    padding: 20px 0 0 0 !important;
    left: 0 !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 10 !important;
    place-items: unset !important;
}

/* Ensure minimum spacing between boxes and orange border on all desktop resolutions */
@media screen and (min-width: 768px) {

    /* Ensure boxes don't overlap orange border - add margin to create space */
    .item_list {
        margin-bottom: 30px !important;
        padding-bottom: 0 !important;
        position: relative !important;
        bottom: auto !important;
    }

    /* Ensure boxes stay above the orange border */
    .item_list .list_con {
        position: relative !important;
    }

    /* Ensure container respects main's padding */
    .main.boxs header+.container {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        position: relative !important;
    }
}

/* Additional protection for medium resolutions - ensure spacing is maintained */
/* Note: Spacing is now handled in the main media queries above for consistency */

/* Ensure ul inside item_list doesn't override spacing */
@media screen and (min-width: 768px) {
    .main.boxs .item_list ul {
        margin-bottom: 0 !important;
        padding-bottom: 20px !important;
    }
}

.item_list ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    list-style: none !important;
    padding: 20px 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    gap: 20px !important;
    position: relative !important;
    padding-bottom: 20px !important;
}

.item_list .list_con {
    position: relative !important;
    width: 155px !important;
    height: 155px !important;
    margin: 0 !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    flex: 0 0 auto !important;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 50%) !important;
}

.item_list .list_con:hover {
    transform: scale(1.05) !important;
}

/* ============================================
   Center 93 - Mobile Menu (sidenavbar) - Same as other Schema 58 centers
   ============================================ */

/* Ensure mobile menu (sidenavbar) uses default Schema 58 styles */
/* No custom overrides - let it use the standard Schema 58 styles from custom.css and responsive.css */

.item_list .item_inn {
    background-color: #fff !important;
    border-radius: 20px !important;
    padding: 30px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0.9 !important;
}

.item_list .item_inn img {
    width: 65px !important;
    height: 65px !important;
    object-fit: contain !important;
    margin-bottom: 12px !important;
    filter: contrast(0.85) brightness(1.05);
}

.item_list .list_con p {
    font-size: 20px !important;
    color: #575756 !important;
    margin: 0 !important;
    padding: 10px 0 0 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-weight: 400 !important;
}

.item_list .item_inn p,
.item_list .item_inn a p {
    font-size: 20px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-weight: 400 !important;
}

/* Category Shadows - Center 93 Specific Colors */
.item_list .list_con.pink .item_inn {
    box-shadow: 0px 22px 0px 0px #6B984E !important;
}

.item_list .list_con.green .item_inn {
    box-shadow: 0px 22px 0px 0px #C42026 !important;
}

.item_list .list_con.yellow .item_inn {
    box-shadow: 0px 22px 0px 0px #F28422 !important;
}

.item_list .list_con.blue .item_inn {
    box-shadow: 0px 22px 0px 0px #E4C320 !important;
}

.item_list .list_con.red .item_inn {
    box-shadow: 0px 22px 0px 0px #40AB47 !important;
}

.item_list .list_con.orange .item_inn {
    box-shadow: 0px 22px 0px 0px #40C0F0 !important;
}

.item_list .list_con.skyblue .item_inn {
    box-shadow: 0px 22px 0px 0px #2B2972 !important;
}

.item_list .list_con.darkblue .item_inn {
    box-shadow: 0px 22px 0px 0px #2B2972 !important;
}

/* Override base styles for mobile - ensure all items are visible with 2 per row */
@media screen and (max-width: 991px) {
    .item_list ul.zoomIn {
        flex-wrap: wrap !important;
        flex-direction: row !important;
        display: flex !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }
}

/* Mobile styles for kits_inn - display each kits_con on a new line */
@media screen and (max-width: 767px) {
    .kits_inn {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .kits_inn .kits_con {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important;
    }
}

/* Mobile Footer Styles for Center 93 */
@media screen and (max-width: 767px) {

    /* Footer - Green background with orange stripe at top */
    footer {
        background-color: #6B984E !important;
        padding: 30px 15px !important;
    }

    /* Orange stripe at top */
    footer:before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 4px !important;
        background-color: #ff8c00 !important;
        z-index: 1 !important;
    }

    /* Contact information section */
    .foot .contact {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-around !important;
        align-items: flex-start !important;
        padding: 20px 5px !important;
        margin-bottom: 20px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
    }

    .foot .contact li {
        margin: 0 5px !important;
        text-align: center !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        flex-shrink: 1 !important;
    }

    .foot .contact li a {
        color: #fff !important;
        font-size: 14px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        white-space: normal !important;
        word-wrap: break-word !important;
    }

    /* Email - ensure it stays in one line */
    .foot .contact li.email_icon {
        min-width: fit-content !important;
    }

    .foot .contact li.email_icon a span {
        white-space: nowrap !important;
        font-size: 11px !important;
        display: inline-block !important;
        max-width: 100% !important;
    }

    /* Phone - ensure it stays in one line */
    .foot .contact li.tel_icon {
        min-width: fit-content !important;
    }

    .foot .contact li.tel_icon a span {
        white-space: nowrap !important;
        font-size: 11px !important;
        display: inline-block !important;
        max-width: 100% !important;
    }

    .foot .contact li img {
        filter: brightness(0) invert(1) !important;
        margin-bottom: 5px !important;
        width: 24px !important;
        height: 24px !important;
    }

    /* Social links section */
    .social_links {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 30px 0 20px 0 !important;
        gap: 15px !important;
    }

    .social_links li {
        margin: 0 !important;
    }

    .social_links li img {
        width: 40px !important;
        height: 40px !important;
        filter: brightness(0) invert(1) !important;
    }

    /* Separate social media icons from text links on mobile */
    .social_links li:not(:has(img)) {
        flex-basis: 100% !important;
        width: 100% !important;
        text-align: center !important;
        margin-top: 15px !important;
    }

    .social_links li:not(:has(img)):first-of-type {
        margin-top: 15px !important;
    }
}

/* Ensure contact info stays in one row on very small screens */
@media screen and (max-width: 480px) {
    .foot .contact {
        padding: 15px 2px !important;
    }

    .foot .contact li {
        margin: 0 3px !important;
    }

    .foot .contact li a {
        font-size: 12px !important;
    }

    /* Email - ensure it stays in one line on small screens */
    .foot .contact li.email_icon a span {
        white-space: nowrap !important;
        font-size: 10px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* Phone - ensure it stays in one line on small screens */
    .foot .contact li.tel_icon a span {
        white-space: nowrap !important;
        font-size: 10px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .foot .contact li img {
        width: 20px !important;
        height: 20px !important;
    }
}

/* Main Navigation Menu Bar Colors - Center 86 */
.main-navigation>ul>li.blue::before,
.main-navigation>ul>li.menu-children.blue span::before,
.main-navigation>ul>li.menu-children.blue span::after {
    background-color: #7ade01 !important;
}

.main-navigation>ul>li.red::before,
.main-navigation>ul>li.menu-children.red span::before,
.main-navigation>ul>li.menu-children.red span::after {
    background-color: #004E1d !important;
}

.main-navigation>ul>li.green::before,
.main-navigation>ul>li.menu-children.green span::before,
.main-navigation>ul>li.menu-children.green span::after {
    background-color: #08B086 !important;
}

.main-navigation>ul>li.pink::before,
.main-navigation>ul>li.menu-children.pink span::before,
.main-navigation>ul>li.menu-children.pink span::after {
    background-color: #75CD68 !important;
}

/* Mobile - All filter tabs with rounded borders for Center 93 */
@media screen and (max-width: 767px) {

    /* Fix filter tabs wrapping on mobile */
    .activity_category,
    .activity_category ul,
    ul.activity_category {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
        overflow: visible !important;
        padding: 10px !important;
    }

    .activity_category li {
        border: 2px solid #6B984E !important;
        border-radius: 30px !important;
        margin: 5px 3px !important;
        background-color: #fff !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }

    .activity_category li.active {
        background-color: #6B984E !important;
        border-color: #6B984E !important;
    }

    .activity_category li a {
        color: #333 !important;
        padding: 8px 15px !important;
        display: block !important;
    }

    .activity_category li.active a {
        color: #fff !important;
    }
}

/* תחומי עניין - Larger Icons for Center 93 */
.category_set ul li a img {
    width: 80px !important;
    height: 80px !important;
}

@media screen and (max-width: 991px) {
    .category_set ul li a img {
        width: 60px !important;
        height: 60px !important;
    }
}

@media screen and (max-width: 560px) {
    .category_set ul li a img {
        width: 50px !important;
        height: 50px !important;
    }
}

/* Mobile - סנן חוגים filter wrapping fix */
@media screen and (max-width: 767px) {
    .category_set {
        padding: 15px 10px !important;
        overflow: visible !important;
    }

    .category_set ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
        overflow: visible !important;
        gap: 10px 15px !important;
    }

    .category_set ul li {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 60px !important;
        text-align: center !important;
    }

    .category_set ul li a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .category_set ul li span {
        font-size: 12px !important;
        white-space: nowrap !important;
    }
}

.gencon.boxs #section-to-print {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.gencon.boxs #section-to-print .page_name {
    margin-bottom: 30px;
    border-bottom: 2px solid #6B984E;
    padding-bottom: 15px;
}

.gencon.boxs #section-to-print .page_name h2 {
    font-size: 28px !important;
    color: #333 !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.gencon.boxs #section-to-print .page_name .print-button {
    background-color: #6B984E;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
}

.gencon.boxs #section-to-print .page_name .print-button:hover {
    background-color: #588040;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.gencon.boxs #section-to-print .freeForm {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.gencon.boxs #section-to-print .freeFormInstractions {
    background: #fff;
    padding: 20px;
    border-right: 4px solid #6B984E;
    margin-bottom: 30px;
    border-radius: 5px;
    line-height: 1.8;
    font-size: 15px;
}

.gencon.boxs #section-to-print .freeFormInstractions strong {
    color: #6B984E;
    font-weight: bold;
}

.gencon.boxs #section-to-print .freeFormInstractions a {
    color: #6B984E;
    text-decoration: underline;
}

.gencon.boxs #section-to-print .freeFormInstractions a:hover {
    color: #588040;
}

.gencon.boxs #section-to-print .freeFromLine {
    margin-bottom: 25px;
    clear: both;
}

.gencon.boxs #section-to-print .ts-input {
    width: 100%;
}

.gencon.boxs #section-to-print .ts-input label,
.gencon.boxs #section-to-print .formLableBox label,
.gencon.boxs #section-to-print fieldset legend {
    display: block;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 8px;
    color: #333 !important;
}

.gencon.boxs #section-to-print .ts-input label[style*="color: red"],
.gencon.boxs #section-to-print .formLableBox label[style*="color: red"],
.gencon.boxs #section-to-print fieldset legend[style*="color: red"] {
    color: #d32f2f !important;
}

.gencon.boxs #section-to-print .freeFormText,
.gencon.boxs #section-to-print select {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 15px;
    transition: all 0.3s ease;
    background: white;
    box-sizing: border-box;
}

.gencon.boxs #section-to-print .freeFormText:focus,
.gencon.boxs #section-to-print select:focus {
    border-color: #6B984E;
    outline: none;
    box-shadow: 0 0 0 3px rgba(106, 152, 77, 0.1);
}

.gencon.boxs #section-to-print .input-select {
    position: relative;
}

.gencon.boxs #section-to-print select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 20px;
    padding-left: 40px;
}

.gencon.boxs #section-to-print fieldset {
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    padding: 20px;
    background: white;
}

.gencon.boxs #section-to-print fieldset legend {
    padding: 0 10px;
    width: auto;
    margin-right: -10px;
    background: #f9f9f9;
    border-radius: 3px;
}

.gencon.boxs #section-to-print .radiogroup ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.gencon.boxs #section-to-print .radiogroup li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.gencon.boxs #section-to-print .radiogroup input[type="radio"] {
    margin-left: 8px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: #6B984E;
}

.gencon.boxs #section-to-print .radiogroup label {
    cursor: pointer;
    font-weight: normal !important;
    font-size: 15px !important;
    margin: 0 !important;
    padding-right: 5px;
}

.gencon.boxs #section-to-print .input-checkbox label {
    display: inline-flex;
    align-items: center;
    margin-left: 20px;
    cursor: pointer;
    font-weight: normal !important;
    font-size: 15px !important;
}

.gencon.boxs #section-to-print .input-checkbox input[type="checkbox"] {
    margin-left: 8px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #6B984E;
}

.gencon.boxs #section-to-print .input-checkbox label:first-child {
    display: block;
    margin-bottom: 12px;
    font-weight: 600 !important;
    margin-right: 0;
}

.gencon.boxs #section-to-print .formCommentsBox {
    margin-top: 8px;
    font-size: 14px;
    color: #666;
    font-style: italic;
}

.gencon.boxs #section-to-print .formLableBox {
    margin-bottom: 8px;
}

.gencon.boxs #section-to-print .formInputBox {
    width: 100%;
}

.gencon.boxs #section-to-print .formInputBox input {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 15px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.gencon.boxs #section-to-print .formInputBox input:focus {
    border-color: #6B984E;
    outline: none;
    box-shadow: 0 0 0 3px rgba(106, 152, 77, 0.1);
}

.gencon.boxs #section-to-print .g-recaptcha {
    margin: 30px 0;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.gencon.boxs #section-to-print .ts-input.input-submit {
    text-align: center;
    margin-top: 30px;
}

.gencon.boxs #section-to-print .freeFormSubmit {
    background-color: #6B984E;
    color: white;
    border: none;
    padding: 15px 50px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.gencon.boxs #section-to-print .freeFormSubmit:hover {
    background-color: #588040;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.gencon.boxs #section-to-print .freeFormSubmit:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.gencon.boxs #section-to-print i.ts-input {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    font-style: italic;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .gencon.boxs #section-to-print {
        padding: 15px;
    }

    .gencon.boxs #section-to-print .freeForm {
        padding: 20px 15px;
    }

    .gencon.boxs #section-to-print .page_name h2 {
        font-size: 22px !important;
        flex-direction: column;
        align-items: flex-start;
    }

    .gencon.boxs #section-to-print .page_name .print-button {
        width: 100%;
        text-align: center;
    }

    .gencon.boxs #section-to-print .freeFormSubmit {
        width: 100%;
        padding: 15px 30px;
    }
}

@media print {
    .gencon.boxs #section-to-print .print-button {
        display: none !important;
    }

    .gencon.boxs #section-to-print .freeFormSubmit {
        display: none !important;
    }

    .gencon.boxs #section-to-print .g-recaptcha {
        display: none !important;
    }
}

/* ==========================================
   Center 93 - ClassHug Page Specific Styles
   ========================================== */

/* MASTER OVERRIDE - All AC classes use Center 93 green palette */
/* Using attribute selector to catch ALL AC variants */
.main_container_header[class*="AC"],
.main_container_header[class*="pink"],
.main_container_header[class*="green"],
.main_container_header[class*="yellow"],
.main_container_header[class*="blue"],
.main_container_header[class*="red"],
.main_container_header[class*="orange"],
.main_container_header[class*="skyblue"],
.main_container_header[class*="darkblue"],
.main_container_header,
section.main_container .main_container_header,
.classHug .main_container_header,
section.main_container.classHug .main_container_header {
    background-color: #6B984E !important;
}

/* Icon spans - Orange for Center 93 */
.main_container_header span[class*="AC"],
.main_container_header span[class*="pink"],
.main_container_header span[class*="green"],
.main_container_header span[class*="yellow"],
.main_container_header span[class*="blue"],
.main_container_header span[class*="red"],
.main_container_header span[class*="orange"],
.main_container_header span[class*="skyblue"],
.main_container_header span[class*="darkblue"] {
    background-color: #f28422 !important;
}

/* Page name header - ALL Green background for Center 93 */
.page_name,
.page_name[class*="AC"],
.page_name[class*="pink"],
.page_name[class*="green"],
.page_name[class*="yellow"],
.page_name[class*="blue"],
.page_name[class*="red"],
.page_name[class*="orange"],
.page_name[class*="skyblue"],
.page_name[class*="darkblue"],
.main_container .page_name,
section.main_container .page_name {
    background-color: #6B984E !important;
}

/* Page name h2 background - ALL Green */
.page_name h2,
.page_name h2[class*="AC"],
.page_name h2[class*="pink"],
.page_name h2[class*="green"],
.page_name h2[class*="yellow"],
.page_name h2[class*="blue"],
.page_name h2[class*="red"],
.page_name h2[class*="orange"],
.page_name h2[class*="skyblue"],
.page_name h2[class*="darkblue"],
section.main_container .page_name h2,
.main_container .page_name h2 {
    background-color: #6B984E !important;
    color: #fff !important;
}

/* Icon spans - use orange */
.main_container_header span.AC1,
.main_container_header span.AC2,
.main_container_header span.AC3,
.main_container_header span.AC4,
.main_container_header span.AC5,
.main_container_header span.AC6,
.main_container_header span.AC7,
.main_container_header span.pink,
.main_container_header span.green,
.main_container_header span.yellow,
.main_container_header span.blue,
.main_container_header span.red,
.main_container_header span.orange,
.main_container_header span.skyblue,
.main_container_header span.darkblue {
    background-color: #f28422 !important;
}

.classHug .main_container_header .divClass22,
.classHug .main_container_header .divClass23,
.classHug .main_container_header .divClass24,
.main_container_header .divClass22,
.main_container_header .divClass23,
.main_container_header .divClass24,
.page_name h2,
.classHug .page_name h2 {
    color: #fff !important;
}

/* Event cards - Schema 80 Style - White background, orange stripe */
.event_con.boxs,
.event_con.boxs.showFullDate {
    background-color: #fff !important;
    border-radius: 0 0 20px 20px !important;
}

/* Date section - Now visible (was hidden for schema 80 look) */
/* Removed hide rules to show dates on event cards */

/* Event cards - Title section - Orange text on white bg */
.eve_lft,
.event_con .eve_lft,
.hug_list .ev_list_out .eve_lft,
.classHug .ev_list_out .eve_lft {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.eve_lft h6,
.event_con .eve_lft h6,
.hug_list .ev_list_out .eve_lft h6,
.classHug .ev_list_out .eve_lft h6 {
    color: #6B984E !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

/* Event list - eve_lft must be static so location p positions relative to event_con */
.event_list .ev_list_out .event_con .eve_lft {
    position: static !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.event_list .ev_list_out .event_con .eve_lft h6 {
    text-align: right !important;
}

/* Event list - Location at bottom left */
.event_list .ev_list_out .event_con .eve_lft p {
    position: absolute !important;
    bottom: 12px !important;
    left: 15px !important;
    right: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* Event card shadow - Orange stripe */
.event_img,
.ev_list_out .event_img,
.hug_list .ev_list_out .event_img,
.classHug .ev_list_out .event_img {
    box-shadow: 0px 20px 0px 0px #f28422 !important;
}

/* ==========================================
   Center 93 - Internal Hug Page Styles
   (Like Bialik/Center 22)
   ========================================== */

/* Hug page table - Clean white background only */
.table_responsive_new,
.table_responsive_new[class*="AC"],
table[class*="hugimTable"] {
    background-color: #fff !important;
    min-width: 450px !important;
    max-width: 100% !important;
}

.table_responsive_new tr,
.table_responsive_new th,
.table_responsive_new td {
    background-color: #fff !important;
    color: #333 !important;
}

.table_responsive_new th {
    background-color: #f5f5f5 !important;
}

/* Hug page layout - table and price stacked vertically */
.event_con2 {
    display: flex !important;
    flex-direction: column !important;
}

.event_con2 .table_responsive_new {
    width: 100% !important;
    min-width: 480px !important;
    order: 1 !important;
}

.event_con2 h4 {
    order: 2 !important;
    margin-top: 10px !important;
}

.event_con2 .more_events {
    order: 3 !important;
    margin-top: 10px !important;
}

/* Price and instructor section styling */
.more_events h4,
.more_events.boxs h4 {
    color: #f28422 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin: 15px 0 !important;
}

.more_events h3,
.more_events.boxs h3 {
    color: #333 !important;
    font-size: 18px !important;
}

/* Registration button - Green */
.more_events a,
.more_events.boxs a {
    background-color: #6B984E !important;
    color: #fff !important;
    padding: 12px 30px !important;
    border-radius: 25px !important;
    display: inline-block !important;
    margin-top: 15px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.more_events a:hover,
.more_events.boxs a:hover {
    background-color: #5a8843 !important;
}

/* Event inner page - Image more square */
.event_img.eventimg2,
.event_img.eventimg2.boxs {
    box-shadow: 0px 20px 0px 0px #f28422 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    max-width: 400px !important;
    aspect-ratio: 1 / 1 !important;
}

.event_img.eventimg2 img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    display: block !important;
}

/* Event inner page - Info fields styling */
.event_inner .event_con2 {
    text-align: right !important;
    direction: rtl !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.event_inner .event_con2 h1 {
    color: #f28422 !important;
    font-size: 22px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    text-align: right !important;
    width: 100% !important;
}

.event_inner .event_con2 h1 i {
    display: inline !important;
    font-style: normal !important;
    margin-right: 5px !important;
}

.event_inner .event_con2 h4 {
    color: #333 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    margin: 5px 0 !important;
    text-align: right !important;
    display: block !important;
    width: 100% !important;
}

.event_inner .event_con2 .more_events {
    margin-top: 10px !important;
    text-align: right !important;
    width: 100% !important;
}

/* Event content area on hug page */
.event_con.event_con2,
.event_con.event_con2.boxs {
    background-color: #fff !important;
    padding: 10px !important;
}

/* Activity title on hug page */
.events_inn h1,
.events_inn.boxs h1 {
    color: #f28422 !important;
}

/* ==========================================
   Date section styling - Orange theme for center 93
   Remove the blue background box on event cards
   ========================================== */
.eve_rht,
.hug_rht,
.event_con .eve_rht,
.hug_con .hug_rht,
.classHug .eve_rht,
.hug_list .eve_rht,
.ev_list_out .eve_rht {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.eve_rht h2,
.hug_rht h2,
.classHug .eve_rht h2,
.hug_list .eve_rht h2,
.ev_list_out .eve_rht h2 {
    color: #6B984E !important;
    background: none !important;
    background-color: transparent !important;
    font-weight: 800 !important;
}

.eve_rht h2 span,
.hug_rht h2 span,
.classHug .eve_rht h2 span,
.hug_list .eve_rht h2 span,
.ev_list_out .eve_rht h2 span {
    color: #6B984E !important;
    background: none !important;
    background-color: transparent !important;
    font-weight: 800 !important;
}

/* Hebrew date and time - black */
.eve_rht i,
.hug_rht i,
.classHug .eve_rht i,
.hug_list .eve_rht i,
.ev_list_out .eve_rht i {
    color: #000 !important;
}

.eve_rht p,
.hug_rht p,
.classHug .eve_rht p,
.hug_list .eve_rht p,
.ev_list_out .eve_rht p {
    color: #000 !important;
}

/* Show date section - Schema 80 style */
.hug_list .ev_list_out .event_con,
.classHug .ev_list_out .event_con,
.category_list .ev_list_out .event_con {
    padding: 15px 10px !important;
    min-height: 80px !important;
    text-align: center !important;
    position: relative !important;
}

.hug_list .ev_list_out .eve_lft,
.classHug .ev_list_out .eve_lft,
.category_list .ev_list_out .eve_lft {
    order: 1 !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

.hug_list .ev_list_out .eve_lft h6,
.classHug .ev_list_out .eve_lft h6,
.category_list .ev_list_out .eve_lft h6 {
    color: #6B984E !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: right !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.hug_list .ev_list_out .eve_rht,
.classHug .ev_list_out .eve_rht,
.category_list .ev_list_out .eve_rht {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    order: 2 !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: right !important;
}

.hug_list .ev_list_out .eve_rht h2,
.classHug .ev_list_out .eve_rht h2,
.category_list .ev_list_out .eve_rht h2 {
    font-size: 42px !important;
    font-weight: bold !important;
    color: #f28422 !important;
    line-height: 1 !important;
    margin: 0 !important;
    background: none !important;
}

.hug_list .ev_list_out .eve_rht h2 span,
.classHug .ev_list_out .eve_rht h2 span,
.category_list .ev_list_out .eve_rht h2 span {
    display: block !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #6B984E !important;
    margin-top: 5px !important;
    background: none !important;
}

.hug_list .ev_list_out .eve_rht .month-name,
.classHug .ev_list_out .eve_rht .month-name,
.category_list .ev_list_out .eve_rht .month-name {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #6B984E !important;
    margin-top: 5px !important;
}

.hug_list .ev_list_out .eve_rht i,
.classHug .ev_list_out .eve_rht i,
.category_list .ev_list_out .eve_rht i {
    display: none !important;
}

.hug_list .ev_list_out .eve_rht p,
.classHug .ev_list_out .eve_rht p,
.category_list .ev_list_out .eve_rht p {
    display: none !important;
}

/* Bottom bar with location and time */
.hug_list .ev_list_out .bottom-bar,
.classHug .ev_list_out .bottom-bar,
.category_list .ev_list_out .bottom-bar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: #6B984E !important;
    color: #fff !important;
    padding: 8px 15px !important;
    border-radius: 0 0 20px 20px !important;
    margin: 0 -15px -15px -15px !important;
    width: calc(100% + 30px) !important;
    order: 3 !important;
    margin-top: auto !important;
}

.hug_list .ev_list_out .bottom-bar .location,
.classHug .ev_list_out .bottom-bar .location,
.category_list .ev_list_out .bottom-bar .location {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.hug_list .ev_list_out .bottom-bar .time,
.classHug .ev_list_out .bottom-bar .time,
.category_list .ev_list_out .bottom-bar .time {
    font-size: 16px !important;
    font-weight: bold !important;
}

.events_inn h1 span,
.events_inn.boxs h1 span {
    color: #f28422 !important;
}

.events_inn h1 span::after {
    background-color: #f28422 !important;
}

/* ==========================================
   Center 93 - Workers Page Styling (Like Center 22/qbialik)
   ========================================== */

/* Workers list - each worker card */
.searchresult div {
    margin: 10px 0 !important;
    padding: 10px !important;
    background-color: #f6f6f6 !important;
    border-radius: 20px !important;
}

.searchresult div h3 {
    font-weight: 600 !important;
    color: #0053a0 !important;
}

/* The ul inside each worker div */
.searchresult div ul {
    padding: 0 !important;
    float: unset !important;
}

/* All li items and span - inline-block like center 22 */
.searchresult div ul li {
    display: inline-block !important;
    margin: 0px 10px !important;
    width: 220px !important;
    vertical-align: middle !important;
}

.searchresult div ul li i {
    display: block !important;
}

/* Icon circles inside li */
.searchresult div ul li span {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
    border: 1px solid #7abf43 !important;
    float: right !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: 10px !important;
    padding: 10px !important;
}

/* Email span container - also inline-block */
.searchresult div ul span {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0px 10px !important;
    width: 220px !important;
}

/* Icon circle for email */
.searchresult div ul span span {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
    border: 1px solid #0097ce !important;
    float: right !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: 10px !important;
    padding: 10px !important;
}

.searchresult div ul span a img {
    margin-left: 10px !important;
}

/* Links styling */
.searchresult div ul li a,
.searchresult div ul span a {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    color: #333 !important;
}

/* Icon images */
.searchresult div ul li span img,
.searchresult div ul span span img {
    width: 24px !important;
    height: 24px !important;
}

/* Text styling */
.searchresult div ul li strong,
.searchresult div ul span strong {
    display: flex !important;
    flex-direction: column !important;
}

.searchresult div ul li strong i,
.searchresult div ul span strong i {
    font-style: normal !important;
    color: #0097ce !important;
}

/* Responsive for mobile */
@media screen and (max-width: 768px) {
    .searchresult div ul li {
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
    }

    .searchresult div ul span {
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
    }
}

/* Reduce white space for hug pages and tzaharon pages - Compressed but centered layout */
.container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.banner_in,
.banner_in.boxs {
    margin: 0 0 8px 0 !important;
    padding: 12px 0 !important;
}

.banner_in h1 {
    padding: 3px 0 !important;
    margin: 0 !important;
    font-size: 28px !important;
}

.banner_in .breadcrum {
    margin: 2px 0 !important;
}

section.events {
    margin: 0 !important;
    padding: 0 !important;
}

.events.event_inner {
    padding: 0 !important;
    margin: 0 !important;
}

.events_inn {
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 100% !important;
}

.events_inn h1 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 26px !important;
    text-align: center !important;
}

.events_inn h1 span::after {
    bottom: -3px !important;
    height: 4px !important;
}

.event_list {
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.event_list .row {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.event_con {
    margin: 0 !important;
    padding: 8px !important;
}

.event_con2 {
    padding: 8px !important;
    margin: 0 !important;
}

.event_con2 table {
    margin: 0 auto !important;
}

.contact_lft {
    padding: 0 !important;
    margin: 10px 0 !important;
    text-align: right !important;
}

.contact_lft p {
    margin: 8px 0 !important;
    line-height: 1.5 !important;
    text-align: right !important;
}

.contact_lft .regButten {
    margin-top: 10px !important;
}

.contact_us {
    padding: 0 !important;
    margin: 80px 0 0 0 !important;
}

.contact_us .row {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.contact_us h4 {
    margin: 0 0 10px 0 !important;
    text-align: right !important;
}

.event_inner .contact_rht {
    position: relative !important;
    z-index: 1 !important;
}

.event_inner .contact_rht h4 {
    font-size: 22px !important;
    line-height: 1.35 !important;
    margin: 0 0 16px 0 !important;
    max-width: 100% !important;
    word-break: break-word !important;
}

.more_events {
    margin: 5px 0 !important;
}

.event_img {
    margin-bottom: 8px !important;
}

/* Tzaharon/Hug detail page image - square with rounded corners */
.event_inner .event_img.eventimg2 {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0px 12px 0px 0px #f28422 !important;
    margin-bottom: 24px !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    max-width: 400px !important;
    height: auto !important;
}

.event_inner .event_img.eventimg2 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    aspect-ratio: 1 / 1 !important;
}

.events.event_inner .event_list {
    margin-top: 18px !important;
}

.event_inner .contact_rht {
    margin-top: 12px !important;
}

.col-md-6 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Reduce white space on classHug page - below header */
section.main_container.classHug {
    padding-top: 15px !important;
    margin-top: 0 !important;
}

section.category_list.main_container.big_event {
    padding-top: 10px !important;
    margin-top: 0 !important;
}