a.skip-main {position: absolute;top: 0px;left: 50%;margin-left: -55px;padding: 2px 4px;opacity: 0;font: normal 12px arial;background-color: white;} .this_is_test{position: fixed;bottom: 100px;left: -14px;transform: rotate(270deg);width: 50px;height: 20px;border-radius: 0 0 8px 8px;padding: 0; text-align: center;margin: 0;background-color: #f5e5d3;color: gray; font-size: 12px;line-height: 15px;font-family: var(--font-ui);} *:focus-visible{outline: 1px dashed var(--color-dark); outline-offset: 1px;} .pageBody{display: flex; flex-direction: column;padding: 0 20px;min-height:calc(100vh - 80px)} .pageBody .centeredContent{flex: 1; padding-bottom: 100px} .centeredContent{background-color:white;width: 100%; max-width: 900px; padding: 32px 0; margin: 0 auto; box-sizing: border-box;} /*====template elements====*/ .mainBody.page_has_map{width:100vw; height:100vh;display: flex;} .page_has_map .textBody{width:800px;height:100%;overflow-y:hidden;min-width:400px;position:relative;box-shadow:0 0px 7px rgba(0, 0, 0, 0.74);z-index:2000;} .page_has_map .mapBody{height:100vh;width:calc(100vw - 800px);min-width:200px;background-color:var(--color-light); position:relative} .page_has_map .textScroll{height:100%;overflow-y: scroll} .page_has_map.trip_page, .page_has_map.trip_page .textBody, .page_has_map.trip_page .mapBody {height:calc(100vh - 51px)}/*במפות טיולים נשאיר מקום לסליידר*/ .page_has_map .mapBody .map_div{height:100%;min-height: 80px} .trip_map .switch-field {position:fixed;bottom:60px;left:10px} .mainBody.page_has_map .pageBody, .mainBody.page_has_map .mapBody{ flex-grow: 1; min-width: 100px; /* Minimum width to prevent collapsing */ top:0 !important } .mapBody{overflow: hidden !important;} .hide_map_btn{display:none;} .ui-resizable-e, .ui-resizable-n {color:black; font-family:var(--font-awesome); font-size:12px;font-weight:600;z-index:1999 !important; position: absolute; top:0;background-color:rgba(0, 39, 92, 0.6);} .ui-resizable-e::before { content: "\f337";} .ui-resizable-n::after { content: "\f338";} .ui-resizable-e {height:100%; width:18px;line-height: 100vh;text-align: left; cursor: ew-resize; bottom: 0; right: -5px; border-left:1px solid #a9aaa5} .ui-resizable-n {width:100%; height:18px;line-height: 18px;text-align: center; cursor: ns-resize;border-bottom:1px solid #a9aaa5} .ui-menu-item-wrapper{padding-right:20px;text-indent: -20px;border-bottom: 1px solid lightgray;} @media screen and (max-width: 1500px) { .page_has_map .textBody{width:700px} .page_has_map .mapBody{width:calc(100vw - 700px)} } @media screen and (max-width: 1200px) { .page_has_map .textBody{width:600px} .page_has_map .mapBody{width:calc(100vw - 600px)} } @media screen and (max-width: 1024px) { .page_has_map .textBody{width:500px} .page_has_map .mapBody{width:calc(100vw - 500px)} } @media screen and (max-width: 860px) { .mainBody.page_has_map{flex-direction: column} #mapBody{top:0 !important; } body.page_has_map .hide_map_btn{z-index:2002;display: block;cursor:pointer; position:absolute;bottom:0;left:7px;line-height:24px;padding:1px 9px;color:white;background-color:var(--color-dark); border-radius:20px 20px 0 0; border:1px solid white;border-bottom:none; font-size:14px; font-weight:bold;} body.page_has_map.hidden_map .hide_map_btn{position: fixed;} body.page_has_map.trip_page.hidden_map .hide_map_btn{bottom:50px} @media all and (display-mode: standalone) { body.page_has_map.hidden_map .hide_map_btn{left:30px} body.page_has_map.trip_page.hidden_map .hide_map_btn{bottom:67px} } .hidden_map .map_div .switch-field{display: none} .hide_map_btn i{margin-left:5px} .page_has_map .textBody, .page_has_map .mapBody{width:100vw ;/*min-height:250px*/} .page_has_map .textBody{height:calc(100vh - 400px);width:100vw;min-width:unset} .page_has_map .mapBody{height:400px;width:100vw;} .mapBody .map_div{height: 100%} .leaflet-top {top: 10px;} } header{display: flex; height: 64px; position: relative; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--color-lightgrey);background-color:white} header *{box-sizing: border-box;} .headerLogo{z-index:1002; min-width: 160px; width: 100%; padding: 3px 70px 0px 0px;line-height:1.1em;text-align:center} .headerLogo a{display: block; text-decoration: none;} .headerLogo a > img{display: block; border: 0; width: 100%; max-width:160px; margin:auto;} .headerLogo div{color: var(--color-light); font-size: 15px; text-align: center;} .headerLogo div img{display: inline-block; width: 42px; margin-right: 3px;} .headerBtns{display: flex; align-items: flex-start; height:100%; padding:12px 0 0 10px;justify-content: space-between;} .headerBtns button{border:1px solid var(--color-text);box-shadow:var(--shade-card);border-radius:50%; width:36px; height: 36px; background-color:#e4e6eb} .headerBtn{position: relative; margin:3px;z-index:2} .headerBtn:nth-child(1){margin-right:4px} .headerBtn_toggle{width: 64px; height: 64px; cursor: pointer; margin: 0px 0px 0px 0px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 21px; border: 0; background-color: transparent; color: var(--color-text);} .headerBtn_toggle i:nth-child(2){display: none;} .headerBtn_toggle[aria-expanded="true"]{font-size: 28px;} .headerBtn_toggle[aria-expanded="true"] i:nth-child(1){display: none;} .headerBtn_toggle[aria-expanded="true"] i:nth-child(2){display: inline;} .headerBtn_toggle:hover i:nth-child(1){font-weight: 600 !important;color:var(--color-light);} .headerBtn_pop{display: none; position: absolute; left: 2px; top: 100%; min-width: 140px; padding: 4px 14px; background-color: white; border-radius: 6px; box-shadow: 0px 0px 3px rgba(0,0,0,0.6), 0px 0px 10px rgba(0,0,0,0.4);} .headerBtn_pop[aria-hidden="false"]{display: block;} .headerBtn_pop:before{content: ''; position: absolute; left: 8px; bottom: 100%; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: white;} .headerBtn_pop ul{padding: 0px; margin: 0; list-style: none; white-space: nowrap; font-size: 16px;} .headerBtn_pop li{border-top: 1px solid var(--color-lightgrey);} .headerBtn_pop li:nth-child(1){border-top: 0;} .headerBtn_pop li a{display: flex; align-items: center; padding: 8px 0px; text-decoration: none; display: block; color: var(--color-dark);} .headerBtn_pop li a span{padding-right: 4px;} .headerBtn_pop li a i{font-size: 0.85em;} .headerBtn_pop li a:hover{background-color:var(--color-bg-light); color:var(--color-light)} .headerBtn.headerSearch .headerBtn_pop{border-radius: 50px;height: 48px;left: -7px;padding:0} #headerSearch_pop .searchWrapper{margin:0} #headerSearch_pop .searchWrapper input{border:0; box-shadow:0} .headerBtn.headerSearch .headerBtn_pop:before{left:20px} .breadCrumbs{position: sticky; right: 0; top: -1px; height: 0; z-index: 1;background-color: white; line-height:1.5em;} .breadCrumbs_frame{position: absolute; left: 0; right: 0; top:0; display:flex; justify-content: space-between; transition: top 0.25s ease-in-out; height: 33px; background-color: white; border-bottom: 1px solid var(--color-lightgrey); padding: 7px 60px 0px 0;} .breadCrumbs.isPinned .breadCrumbs_frame{top: -36px;} .breadCrumbs.isPinned .breadCrumbs_frame.show{top: 0;background-color:var(--color-bg-light); border-bottom:1px solid var(--color-dark)} .breadCrumbs ol{display: flex; padding: 0; margin: 0; list-style: none;} .breadCrumbs li{overflow:hidden;padding-right: 16px; font-size: 14px;line-height:15px} .breadCrumbs a{overflow: hidden; text-overflow: ellipsis; display:block; white-space: nowrap; text-decoration: none; color: var(--color-text); align-items: center;font-family:var(--font-ui); font-weight:normal; font-size:17px} .breadCrumbs ol a:before{font-family: var(--font-awesome);font-weight:400; content: "\f35a"; font-size: 0.9em; margin-left: 7px; margin-top: 2px;} #prev_next{display: none;height: 33px;margin-top: -7px;justify-content: space-between;width: 70px;align-items: center;} #prev_next a {display:inline-block;border:1px solid var(--color-text); color:var(--color-text); border-radius:50%; width: 22px;height: 22px;font-size: 14px;text-align: center;padding: 0;line-height: 22px;} @media all and (display-mode: standalone) { #prev_next {display: flex} .breadCrumbs_frame ol{width:calc(100% - 70px);} } .generalFrame{min-height: calc(100vh - 113px); display: flex; flex-direction: column;} .pageTitle{background: url(../../images/app/bg_img.jpg) center top / 100% auto no-repeat; padding:0 0 33px 0; min-height: 250px;} .breadCrumbs + .pageTitle{padding:33px 0} .pageTitle *{box-sizing: border-box;} .pageTitle h1{background-color: white; padding: 5px 0px 8px; margin: 0; } .searchWrapper{margin: auto; position: relative; width: 320px;} .searchWrapper input{display: block; direction: rtl; text-align: right; padding: 0; margin: 0 auto 32px auto; width: 100%; height: 48px; color: var(--color-dark); border-radius: 24px; border: 1px solid var(--color-lightgrey); text-indent: 12px; font-size: 16px; font-family: 'assistant'; box-shadow: 0px 0px 3px rgba(0,0,0,0.4);} .searchWrapper input::placeholder{opacity: 0.6;} .searchWrapper:after{content: "\f002"; font-family: var(--font-awesome); pointer-events: none; position: absolute; left: 0; top: 0; color: var(--color-dark); width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; text-align: center;} .searchWrapper input:focus {outline-color: var(--color-dark) !important;outline-offset: 2px; outline-width: 1px} .bottomMenu{z-index:1000;background-color: var(--color-dark); position: fixed; left: 0; right: 0; bottom: 0; height: 42px; } .bottomMenu ul{display: flex; justify-content: center; padding: 0; margin: -20px 0px 0px 0px; list-style: none;} .bottomMenu li{width: 80px;} .bottomMenu a{display: block; text-decoration: none;} .bottomMenu_icon{display: block; margin: 0 auto; background-color: white; color: var(--color-light); width: 40px; height: 40px; border-radius: 50%; font-size: 22px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 3px rgba(0,0,0,0.3);} .bottomMenu .bottomMenu_text{display: block; text-align: center; font-size: 12px; padding: 4px 0px 0px; color: white;line-height:1em; font-family:var(--font-ui)} .bottomMenu a.active .bottomMenu_icon{background-color: var(--color-light); color: white;} .bottomMenu a:not(.active):hover .bottomMenu_icon{background-color: var(--color-light-tint); color: white;} .bottomMenu a:not(.active):hover .bottomMenu_icon i, .bottomMenu a.active .bottomMenu_icon i{font-weight:400 !important} .app_nav_scroll{position:fixed; z-index:1000; bottom:0;left:0; right:0;background-color:var(--color-dark);overflow-x: auto; width: 100%; padding-bottom: 12px} .app_nav_trip {display: table; margin: 0 auto} .app_nav_trip li {position:relative;display: table-cell; width: 72px; padding: 0 12px 0 0;} .app_nav_trip li a .trip_circle{display: inline-block;line-height: 1.3;border-radius:50%; width:23px;height:23px; font-size:17px; text-align:center;} @media all and (display-mode: standalone) { /* בטלפון שבו האפליקציה מותקנת צריך ריווח גדול יותר כדי שהניווט לא יתנגש עם תחתית העמוד*/ .app_nav_scroll{padding-bottom: 30px !important} .trip_map .switch-field {bottom: 74px;} } .nav_btn:hover, .nav_btn.active{border-color: var(--color-emph); color: #ffffff;background-color: var(--color-emph);} .part_nav_btn{display: inline-block; width: 60px; height: 34px;margin-top: 5px; border: 1px solid white; border-radius:20px; color: white; font-weight: bold; font-size:15px;line-height: 32px; text-align:center; text-decoration:none;} .part_nav_btn.active{border-color: var(--color-light); color: #ffffff;background-color: var(--color-light);} .part_nav_btn:hover{text-decoration:none;border-color: var(--color-light-tint); color: #ffffff;background-color: var(--color-light-tint);} .app_nav_trip .trip_nav_btn{width:66px} .nav_arrow{display: none; position: fixed; left: 50%; bottom: 3px; transform: translate(-50%, 0px);} .nav_arrow.show{display: block;} .nav_tag{position:absolute; top: 0px; left: -5px;width:17px; height:17px;line-height:17px; font-size:11px; text-align:center;border-radius: 50%; background-color: grey; color:white;} #footer{position:relative; z-index:3000} /* iPhone X and Xs Max */ @media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { #footer { padding-bottom: 20px; height: 80px } .nav_arrow {bottom: 15px} } /* iPhone XR */ @media only screen and (min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { #footer { padding-bottom: 20px; height: 80px } .nav_arrow {bottom: 15px} } .footer-strip{display:none;position:fixed; bottom:0; height:25px; width:100vw; background-color:var(--color-dark)} .grecaptcha-badge {display: none !important;} .pageTitle{min-height:160px} .pageTitle h1{background-color: transparent; font-weight:bold; color: white; padding: 22px 0px 0px; text-shadow: 0px 0px 4px rgba(0,0,0,0.6), 0px 0px 10px rgba(0,0,0,0.6);} .pageTitle_search{margin: 24px auto 0px;} @media screen and (min-width: 1200px) { header{height: 80px;} /* .headerLogo{min-width: 280px; width: 280px; padding-bottom: 0px;} .headerLogo div{font-size: 20px; padding-top: 4px;} .headerLogo div img{display: inline-block; width: 60px; margin-right: 3px;}*/ .headerBtn_toggle{width: 80px; height: 80px;} .bottomMenu{right: auto; left: 12px; top: 50%; transform: translate(0, -36%); bottom: auto; height: auto; padding: 8px 13px 16px; width: 84px; border-radius: 42px; box-shadow: 0px 0px 12px rgba(0,0,0,0.6), 0px 0px 6px rgba(0,0,0,1);} .bottomMenu ul{display: block; padding: 0; margin: 0;} .bottomMenu li{padding: 10px 0px 0px; width: auto;} .bottomMenu_icon{width: 60px; height: 60px; font-size: 32px;} .footer-strip:not(.footer-trip){display:block; z-index:1000} } #new_version_notification{z-index:9999; position:fixed; border-radius:0 30px 0 30px;background-color: black; opacity: .8; padding: 5px; text-align: center; font-weight: bold; line-height:25px; color: white; height: 250px; top: calc(50% - 20px); width: 300px; right: calc(50% - 120px)} #new_version_notification a {display: inline-block; margin-top:7px; border-radius:20px; background-color: #ffffff; color: var(--color-emph); padding: 3px 10px} #new_version_notification a:hover {background-color: var(--color-emph); color: #ffffff; text-decoration: none;} #new_version_notification i {font-size: 35px} .contentWrapper{padding:5px} /*----template elements----*/ /*====map element====*/ .map_top_title{z-index:500} .map_title{height: unset; min-width:500px; box-shadow: var(--shade-card); border:none; border-radius: 0 0 20px 20px; padding:0 20px;font-family: var(--font-ui);font-weight: bold; font-size: 20px; color:var(--color-light); background-color: rgba(255,255,255,0.7);} @media screen and (max-width: 860px) { .map_title{margin-top:8px;width:880px} } .map_boundry{position: relative;margin-bottom: 35px;padding: 0 0 18px 0;background-color: var(--color-map-bg);} .map_togglers {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 3px auto;} .map_togglers a {display: inline-block;border: 1px solid grey;border-radius: 20px;padding: 3px 3px;font-family:var(--font-ui);font-weight:normal;font-size: 17px;line-height:22px;text-decoration:none; padding: 0 10px;} #pois_filter_all_toggler, #filter_all_toggler{position: absolute;display:block;bottom: -14px;padding: 0 0 0 15px;height: 28px;border: 1px solid var(--color-map-border);background-color: #fff;font-size: 14px;line-height: 27px;border-radius:20px;color: var(--color-map-border);text-decoration:none;font-family:var(--font-ui);} #pois_filter_all_toggler span.toggler_icon ,#filter_all_toggler span.toggler_icon{display: inline-block;border-radius: 0 20px 20px 0;height: 100%;width: 30px;padding-right:3px;text-align: center;margin-left: 10px;background-color: var(--color-map-border);color: #fff;font-family:var(--font-ui);} .abs-top{margin-top: -10px;} /*----end map element----*/ /*====imgs====*/ figure{margin:20px 0} .poi_img {width: 100%;display: block;border-radius: 0 30px 0 30px} figcaption {padding-top: 9px; text-align: center;line-height: 18px; font-size: 18px; color: var(--color-light);} .credit {font-weight: normal;font-style: italic;font-size: 10px;line-height: 10px;color: var(--color-text);direction: ltr;} .credit a{color: #555555;text-decoration: none;} /*----end imgs----*/ /*====videos====*/ .aspect_wrapper{margin:35px auto 10px; text-align: center} .aspect_padder{border-top: 5px solid var(--color-dark-alpha);border-bottom: 5px solid var(--color-dark-alpha);} .aspect_padder{position: relative; margin: 0 auto; width: 100%; height: 0; padding-bottom: 56.25%;} .video_frame{position: absolute; top: 0;left: 0; width: 100%;height: 100%;} .video_caption{color: var(--color-dark);display: inline-block;margin-top: 7px;} .video_in_text {clear:both} /*---end videos---*/ /*guide opener*/ .headerLogo.bottom{z-index: 19; width: 100vw; left:0; right:0; text-align: center; padding: 0; margin: 0 auto;position: fixed; bottom: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.4) 43%, rgb(255, 255, 255) 100%);} .full_image header, .full_image #header_strip{max-width:1000px;margin:auto;position:relative;} .menu_btn{right:10px;border:1px solid white;box-shadow:var(--shade-card)} #prev_next {margin-left: 16px} .breadCrumbs{background-color: transparent} body.full_image .breadCrumbs_frame{background-color: rgba(255,255,255,0.8); border:0; padding-right:20px} .breadCrumbs_frame ol{max-width:1000px; width:100%} .breadCrumbs a{color:var(--color-dark)} #bg_img{height:100vh;position: fixed;top: 0;left: 0;right:0;bottom:0} #bg_img>img{object-fit: cover; object-position: center; height:100%; width:100%; margin:auto} #content_on_img{position: absolute; top:97px;width:100%;} #content_on_img h1{color:white; font-weight:bold; font-size:80px;line-height:0.9em;margin-top:60px;text-shadow: 0 0 2px rgba(0,0,0,0.9), 0 0 4px rgba(0,0,0,0.7), 0 0 8px rgba(0,0,0,0.5), 0 0 16px rgba(0,0,0,0.4)} .btns_wrapper.biggerBtns {position: absolute;top: 40vh;width: 100%;} .btns_wrapper.biggerBtns .sectionBtns_primary{max-width: initial; background-color: rgba(255,255,255,0.7); width: fit-content; box-shadow: var(--shade-card); padding: 30px 50px 20px 50px; border-radius: 140px;} .btns_wrapper.biggerBtns .sectionBtns_primary ul{gap:50px} .btns_wrapper.biggerBtns .sectionBtns_primary li a{width:unset} .btns_wrapper.biggerBtns .sectionBtns_primary li a .sectionBtn_icon{width:150px; height:150px;font-size:90px;} .btns_wrapper.biggerBtns .sectionBtns_primary li a::before{color:var(--color-dark);font-size:190px;top:-10px;right:-30px} .btns_wrapper.biggerBtns .sectionBtns_primary li a .sectionBtn_text{color:var(--color-dark);padding-top: 24px;font-size:30px;} @media screen and (max-width: 680px) { .btns_wrapper.biggerBtns .sectionBtns_primary{padding: 30px 30px 20px 40px; border-radius: 120px;} .btns_wrapper.biggerBtns .sectionBtns_primary ul{gap:30px} .btns_wrapper.biggerBtns .sectionBtns_primary li a .sectionBtn_icon{width:120px; height:120px;font-size:60px;} .btns_wrapper.biggerBtns .sectionBtns_primary li a::before{font-size:160px;top:-9px;right:-28px} .btns_wrapper.biggerBtns .sectionBtns_primary li a .sectionBtn_text{padding-top: 20px;font-size:26px} } @media screen and (max-width: 480px) { #content_on_img h1{font-size:40px} .btns_wrapper.biggerBtns .sectionBtns_primary{padding: 20px 20px 10px 30px; border-radius: 100px;} .btns_wrapper.biggerBtns .sectionBtns_primary ul{gap:20px} .btns_wrapper.biggerBtns .sectionBtns_primary li a .sectionBtn_icon{width:80px; height:80px;font-size:40px;} .btns_wrapper.biggerBtns .sectionBtns_primary li a::before{font-size:100px;top:1px;right:-10px} .btns_wrapper.biggerBtns .sectionBtns_primary li a .sectionBtn_text{padding-top: 10px;font-size:22px} } /*====guides====*/ .centeredContent.allGuides{max-width:1400px;padding:5px 20px} .allGuides h2{position: relative; padding: 0px 0px 6px; margin: 0 0 20px 0; color: var(--color-dark); font-weight: 600; font-size: 32px; border-bottom: 1px solid var(--color-dark);} .allGuides h2:before{content: ''; position: absolute; right: 0; bottom: -4px; width: 7px; height: 7px; border-radius: 50%; background-color: var(--color-dark);} .series_div{margin-bottom:20px} .series_div.my_guides{border:1px solid var(--color-light);border-radius:30px 0 30px 0; padding:30px;box-shadow:var(--shade-card);} .series_div.my_guides h2{color:var(--color-light)} .seriesWrapper>ul{display: grid; grid-template-columns: repeat(auto-fill, 200px); column-gap:40px; row-gap:80px; justify-content:space-between} #all_books.seriesWrapper>ul{row-gap:20px;} @media screen and (max-width: 760px) { .seriesWrapper>ul{column-gap:10px;} } @media screen and (max-width: 480px) { .seriesWrapper>ul{row-gap:40px;} .seriesWrapper > ul{justify-content: start} #all_books.seriesWrapper>ul{grid-template-columns:repeat(auto-fill, 300px)} #all_books .bookItem_info strong{-webkit-line-clamp: initial;text-align: start} } #no_guides{text-align:center; font-size:24px;} #clear_search{width:auto;height:45px; border-radius:20px;font-size: 20px;line-height: 45px;padding: 0 10px;margin-top: 10px;} #clear_search i{margin-left: 7px; font-size:20px} .bookItem{display: flex; text-decoration: none; color: var(--color-dark); position: relative;max-width:200px} .bookItem_img{width: 100px; min-width: 100px;margin-left:20px;} .bookItem_img img{display: block; width: 100px; height: 100px; object-fit: cover; object-position: center; border-radius: 0px 15px 0px 15px;box-shadow: 0px 0px 8px rgba(0,0,0,0.6);} .bookItem_img img.shvil_img{object-position:center top;} .bookItem strong{font-size: 24px; line-height: 24px; height:48px;font-weight: 400; width: 100%; } .bookItem_text{display: flex; flex-direction: column; justify-content: space-between;} .bookItem_text strong{display:none} .bookItem_info strong{font-size: 24px; line-height: 24px; height:48px;font-weight: 400; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .bookItem_buttons{display: flex; align-items: center;justify-content:space-around; margin-right: -8px; margin-top:auto; padding-top: 8px;} .bookItem_buttons a{text-decoration: none; margin-right: 8px;} .no_image{width: 92px;height: 100px; display: inline-block; box-shadow: var(--shade-card); background-color: var(--color-lighter); border-radius: 0 15px 0 15px; font-size: 12px; line-height: 1.5; padding: 20px;} .dk_byline{position: absolute;top: 176px;right: 0;font-size: 12px;} @media screen and (max-width: 480px) { .dk_byline{top: 91px;right: 2px;} } @media screen and (min-width: 480px) { .seriesWrapper > ul .guide_div{width:inherit} .bookItem{height: 100%; flex-direction: column;} .bookItem>a{color:var(--color-dark)} .bookItem>a:hover{text-decoration:none; color:var(--color-light);background-color: var(--color-grey-bg); border-radius:0 37px 0 20px; box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 9px 1px rgba(0, 0, 0, 0.12), 0 6px 2px -2px rgba(0, 0, 0, 0.2)} .bookItem_img{display: block; width: 100%; min-width: 0;margin-left:auto} .bookItem_img img{width: 100%; height:100%; max-height: 185px; object-fit:cover; border-radius: 0px 36px 0px 36px; } .bookItem_text{text-align: center; padding-top: 18px; padding-bottom: 4px; align-items: center; justify-content: space-between;} .bookItem_text strong{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;width: 100%; padding: 0px 8px;} .bookItem_info strong{display:none} .bookItem_buttons .entry{display: none;} .bookItem_buttons .view{background-color: white; color: var(--color-light);} .no_image{width: 200px;height: 185px;border-radius: 0 30px 0 30px;font-size: 18px;} } /*----end guides----*/ /*====guide page====*/ .main_image{max-width:100vw} .main_image img{width:100%; max-height:50vh; object-fit:cover; object-position: center;} .sectionBtns_primary{padding: 0px 0px 0px; max-width: 320px; margin: 0 auto;} .sectionBtns_primary *{box-sizing: border-box;} .sectionBtns_primary ul{display: flex; justify-content: center; padding: 0px; margin: 0px; list-style: none;} .sectionBtns_primary li{padding: 0px 12px;} .sectionBtns_primary li a{display: block; text-decoration: none; width: 100px; padding: 13px 10px 0px 13px;} .sectionBtns_primary li a:before{top:2px;right:-10px; font-size:97px;color:var(--color-light)} .sectionBtns_primary li a .sectionBtn_icon{display: flex; align-items: center; justify-content: center; text-align: center; width: 78px; height: 78px; border-radius: 50%; background-color: var(--color-light); color: white; font-size: 36px; box-shadow: 0px 0px 3px var(--color-light);} .sectionBtns_primary li a .sectionBtn_text{display: block; text-align: center; padding-top: 14px; color: black;} .sectionBtns_primary li a:hover .sectionBtn_icon{background-color:var(--color-light-tint)} .sectionBtns_primary li a:hover .sectionBtn_icon i{font-weight: 600 !important} .sectionBtns_primary li a:hover:before{color:var(--color-emph)} .sectionBtns{padding: 0px; max-width: 320px; margin: 0 auto;} .sectionBtns *{box-sizing: border-box;} .sectionBtns ul{display: flex; justify-content: center; flex-wrap: wrap; padding: 0px; margin: 0px; list-style: none;} .sectionBtns li{padding: 30px 15px 0px;} .sectionBtns li a{display: block; text-decoration: none; width: 74px; padding: 10px 8px 0px 9px;} .sectionBtns li a:before{top:0;right:-10px; font-size:74px;color:var(--color-light)} .sectionBtns li a .sectionBtn_icon{display: flex; align-items: center; justify-content: center; text-align: center; width: 56px; height: 56px; border-radius: 50%; background-color: white; color: var(--color-dark); font-size: 30px; box-shadow: 0px 0px 3px rgba(0,0,0,0.3);} .sectionBtns li a:hover .sectionBtn_icon{background-color: var(--color-light-tint); color:#fff} .sectionBtns li a:hover:before{color:var(--color-emph)} .sectionBtns li a .sectionBtn_text{display: block; text-align: center; padding-top: 14px; color: black; font-size: 14px; line-height: 14px; margin: 0 -10px;} .sectionBtns li a:hover .sectionBtn_text{color: var(--color-light)} /*----end guide page ----*/ /*==== cards list - used on trips and areas ====*/ .cards_list li{border-bottom: 1px solid var(--color-lightgrey);padding-top: 30px;} .cards_list li .card_body{display:flex; align-items:center;} .cards_list li .img_container{position:relative} .cards_list li .img_container .dots-circle{position:absolute} .cards_list li .poi_img{width:250px; min-width:250px;margin:0} .cards_list li figure{margin:0 30px} .cards_list li a{display: block;width: 100%;height: 100%;text-decoration: none;padding: 10px;} .cards_list li a:hover {text-decoration: none;background-color:var(--color-grey-bg); border-radius: 0 30px 0 30px; box-shadow: var(--shade-card)} .cards_list li a .card_text{padding:0 30px 0 0; margin:8px 0; color:var(--color-text); font-weight:normal} .cards_list li a .card_title>span{display:inline-block; margin-right:30px; padding-left:10px; line-height:46px; font-weight:normal; font-size: 50px} .cards_list.narrow_list li a .card_title>span {margin:0; padding:0 30px; font-size:35px; line-height:36px;} .cards_list.narrow_list li a .card_body{display:block} .cards_list.narrow_list li a .poi_img{width:100%; height:200px; object-fit:cover} .cards_list.narrow_list li a .card_text{margin-top:16px} .cards_list li .card_badge{bottom:-20px;right:-20px;font-size:40px;font-weight:normal;box-shadow: 0px 0px 3px rgba(0,0,0,0.3);margin:20px 20px 5px 0; height: 58px;width:58px;min-width:58px;line-height: 58px;} .cards_list li .card_badge:before{top: -9px; right: -16px; font-size: 74px;} .cards_list li a:hover .card_badge{color:white !important; background-color:var(--color-light);font-weight:bold} .cards_list li a:hover .card_badge:before{color:var(--color-emph) !important;} /*====trips page====*/ .trip_group{text-align:center; font-size: 27px !important;line-height: 38px;color: var(--color-dark);font-weight: 600 !important;margin: 40px 0 5px;padding-right: 5px !important;border-top: 0 !important;} .trip_group{background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 62%, var(--color-lightgrey) 100%);border-bottom:1px solid var(--color-text)} .trip_duration{position:absolute; left:30px; top:30px; padding:0px 11px;white-space:nowrap;border-radius: 0 20px 20px 0;color:white; background-color:#0018;line-height:29px;font-weight:normal} .more-container{display: flex; align-items: baseline; justify-content:end; padding-top:4px;margin:20px} .more-container>details{text-align:left;margin-bottom:20px;} .more-container>details summary{position:relative;display:inline-block; width:auto;text-align:left; cursor: pointer; height:30px; line-height:28px; border:1px solid var(--color-light); font-size:18px; font-weight:bold; border-radius:20px; padding:0 10px 0 40px; color: var(--color-light);} .more-details-content{text-align:right; width:100%; background-color: var(--color-bg-light); padding: 50px 20px 20px 20px; border-radius: 30px 0 30px; margin: -45px 19px} .more-container>details summary {list-style-type: none; } .more-container>details summary::-webkit-details-marker {display: none;} .more-container>details summary::before { position:absolute; left:7px;content: '\f0ab';font-family: var(--font-awesome); font-weight:300;font-size:20px;} .more-container>details[open] > summary::before {content: '\f0aa';font-weight:bold} .more-container>details:not([open]) > summary span.close_text{display: none} .more-container>details:not([open]) > summary span.open_text{display: inline-block} .more-container>details[open] > summary span.close_text{display: inline-block} .more-container>details[open] > summary span.open_text{display: none} .directions{position: relative;display: inline-block;padding-right: 20px;margin-right:15px;color: var(--color-map-border);border-right: 2px dotted var(--color-map-border);} .directions::before, .directions::after {content: ''; position: absolute; } .directions::before{top: 0; right: -6px; width: 10px; height: 10px;border-radius: 50%;background-color: var(--color-map-border);} .directions::after {bottom: 0;right:-7px;width: 0;height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid var(--color-map-border);} .textBody.narrow_text .directions{margin-right:0} /*---- end trips page----*/ /*trip page*/ ul.trip{padding: 10px 30px} .textBody.narrow_text ul.trip{padding: 10px} .trip_name, .day_name, .area_header, .long_text h3, .line_header {position:relative;text-align:start;font-size:40px;font-weight:normal; line-height:1.2em; margin:0 0 30px 0; color:var(--color-dark); border-bottom:1px solid var(--color-dark); font-family:var(--font-ui); display: flex; justify-content: space-between; align-items: end} .trip_name:after, .day_name:after, .area_header:after, .long_text h3:after, .line_header:after{position:absolute;display:inline-block;content:" ";bottom: -5px;left: 0;border-radius:50%; width:8px; height:8px; background-color:var(--color-dark)} .trip_intro_head{font-size:24px; color: var(--color-emph); margin:20px 0} .trip_intro{margin-top:30px;font-size:1.2em;line-height:1.5em;} ul.trip li.info_head{font-size:32px;margin-top: 35px;} ul.trip li.info_head .fa{margin-left:20px; color:var(--color-light)} ul.days_list{margin-bottom:20px} li.day{border-bottom:1px solid var(--color-grey-border); padding-bottom:10px;} li.day:last-child{border-bottom: none;} li.day>a{display: block;width: 100%;height: 100%; line-height:1.2em;padding:20px 0 0 10px;text-decoration:none;} li.day .day_title{display: flex; align-items: center; font-weight: bold; color: var(--color-light);font-size:1.2em} li.day .day_title .day_num_prefix{display: inline-block;width: 60px;white-space: nowrap;color:var(--color-dark); font-weight:bold} li.day .day_title .day_num_prefix{display:none} li.day .day_title .day_num:before{top: -8px;right: -12px;font-size: 44px;color:var(--color-dark)} li.day .day_title .day_num{display:inline-block;border-radius:50%; width:30px; height:30px; min-width:30px; line-height:30px; background-color: var(--color-dark); color:white; margin-left:30px;text-align:center; font-size:0.9em} li.day .day_title .day_name{color:var(--color-dark);} li.day .more_details > div {position:relative;} li.day .more_details > summary {display:inline-flex;width:120px;} /*li.day a span:nth-child(2):after{position:absolute;display:inline-block; left:-15px; top:9px; content: " "; border-radius:50%; width:8px; height:8px; background-color: var(--color-dark)}*/ li.day>a:hover{background-color: var(--color-grey-bg);box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 2px 9px 1px rgba(0, 0, 0, 0.12), 0 6px 2px -2px rgba(0, 0, 0, 0.2); border-radius: 0 20px 0 20px;} li.day>a:hover .day_num{background-color:var(--color-dark)} li.day>a:hover .day_num:before{color:var(--color-emph)} ul.trip li.practicalities:not(.info_head){margin-top:15px} ul.trip .info_label{color:var(--color-light); font-size:25px; font-weight:600} .days_list .day_abstract{display:inline-block;color:var(--color-text);font-weight:normal; margin-right:60px; font-size:1.2em;line-height:1.5em;} .list_header{margin:20px auto 10px;padding:0px 20px;border-bottom:1px solid var(--color-dark); color:var(--color-dark); font-weight:bold;} .pois_list{position: relative; margin:auto;line-height: 1.2em} .pois_list li{display: flex; justify-content: space-between;border-bottom:1px solid var(--color-lightgrey);padding:10px 0px} .area_div .poi_list_icon_wrapper{display: inline-block; border: 1px solid #a7a7a7; border-radius: 50%; width: 33px;min-width:33px; height: 33px; line-height: 30px; text-align: center; font-size: 16px; padding: 0;} .pois_list li .pois_list_icon_text{display: flex} .pois_list li .poi_list_icon_wrapper .pois_list_icons{margin:0} .pois_list li .pois_list_icons{margin-left:10px} .pois_list_text a.text_link{font-weight:normal;color: var(--color-dark);} .pois_list li .poi_category{white-space: nowrap} a.poi_list_text{font-weight:normal;color: var(--color-dark);} .subpois_list{padding-right:40px; width:100%} .subpois_list li{padding:7px 0} .subpois_list li:last-of-type{border-bottom: 0px} .subpois_icon_text{display:flex} .subpois_icons{margin-left:10px} .subpois_text a{font-weight:normal; color:var(--color-dark)} .flex_column_icons{display: inline-flex; flex-direction: column-reverse; align-items: center; vertical-align: middle;margin-left:10px} .flex_column_icons>span:first-child{font-size: 20px; vertical-align:middle; margin-bottom:1px;} .flex_column_icons>span:last-child{font-size: 10px; vertical-align:middle; margin-bottom:-4px;} .trip_num_list .num_trip{margin-left:10px} .num_trip{border-radius: 50%; text-align: center; font-weight: bold; color:white;width:1.2em;height:1.2em; line-height:1.2em} .num_trip.dots-circle, .card_badge.dots-circle{display:inline-block; border-radius: 50%; color: white; text-align: center; font-weight: bold; font-family: 'Varela round';} /* .num_trip.dots-circle.trip-1{background-color:var(--color-trip-1)} .num_trip.dots-circle.trip-1:before{color:var(--color-trip-1)} .num_trip.dots-circle.trip-2{background-color:var(--color-trip-2)} .num_trip.dots-circle.trip-2:before{color:var(--color-trip-2)} .num_trip.dots-circle.trip-3{background-color:var(--color-trip-3)} .num_trip.dots-circle.trip-3:before{color:var(--color-trip-3)} .num_trip.dots-circle.trip-4{background-color:var(--color-trip-4)} .num_trip.dots-circle.trip-4:before{color:var(--color-trip-4)} .num_trip.dots-circle.trip-5{background-color:var(--color-trip-5)} .num_trip.dots-circle.trip-5:before{color:var(--color-trip-5)} .num_trip.dots-circle.trip-6{background-color:var(--color-trip-6)} .num_trip.dots-circle.trip-6:before{color:var(--color-trip-6)} .num_trip.dots-circle.trip-7{background-color:var(--color-trip-7)} .num_trip.dots-circle.trip-7:before{color:var(--color-trip-7)} .num_trip.dots-circle.trip-8{background-color:var(--color-trip-8)} .num_trip.dots-circle.trip-8:before{color:var(--color-trip-8)} .num_trip.dots-circle.trip-9{background-color:var(--color-trip-9)} .num_trip.dots-circle.trip-9:before{color:var(--color-trip-9)} .num_trip.dots-circle.trip-10{background-color:var(--color-trip-10)} .num_trip.dots-circle.trip-10:before{color:var(--color-trip-10)} .num_trip.dots-circle.trip-11{background-color:var(--color-trip-11)} .num_trip.dots-circle.trip-11:before{color:var(--color-trip-11)} .num_trip.dots-circle.trip-12{background-color:var(--color-trip-12)} .num_trip.dots-circle.trip-12:before{color:var(--color-trip-12)} .num_trip.dots-circle.trip-13{background-color:var(--color-trip-13)} .num_trip.dots-circle.trip-13:before{color:var(--color-trip-13)} .num_trip.dots-circle.trip-14{background-color:var(--color-trip-14)} .num_trip.dots-circle.trip-14:before{color:var(--color-trip-14)} .num_trip.dots-circle.trip-15{background-color:var(--color-trip-15)} .num_trip.dots-circle.trip-15:before{color:var(--color-trip-15)} */ .pois_in_trips .num_trip.dots-circle{width: 25px; height: 25px;line-height: 25px;font-size: 22px;} .pois_in_trips .num_trip.dots-circle:before{font-size: 1.6em; right: -9px; top: -5px;} .trip_div.trip_1 .poi_bullet_num{color:var(--color-trip-1)} /* .trip_div.trip_1 .alt_poi_bullet{color:var(--color-trip-1);filter:opacity(0.6)} .trip_div.trip_1 .bullet_num.main_poi{background-color:var(--color-trip-1)} .trip_div.trip_2 .poi_bullet_num{color:var(--color-trip-2)} .trip_div.trip_2 .alt_poi_bullet{color:var(--color-trip-2);filter:opacity(0.6)} .trip_div.trip_1 .bullet_num.main_poi{background-color:var(--color-trip-1)} .trip_div.trip_3 .poi_bullet_num{color:var(--color-trip-3)} .trip_div.trip_3 .alt_poi_bullet{color:var(--color-trip-3);filter:opacity(0.6)} .trip_div.trip_1 .bullet_num.main_poi{background-color:var(--color-trip-1)} .trip_div.trip_4 .poi_bullet_num{color:var(--color-trip-4)} .trip_div.trip_4 .alt_poi_bullet{color:var(--color-trip-4);filter:opacity(0.6)} .trip_div.trip_1 .bullet_num.main_poi{background-color:var(--color-trip-1)} .trip_div.trip_5 .poi_bullet_num{color:var(--color-trip-5)} .trip_div.trip_5 .alt_poi_bullet{color:var(--color-trip-5);filter:opacity(0.6)} .trip_div.trip_1 .bullet_num.main_poi{background-color:var(--color-trip-1)} .trip_div.trip_6 .poi_bullet_num{color:var(--color-trip-6)} .trip_div.trip_6 .alt_poi_bullet{color:var(--color-trip-6);filter:opacity(0.6)} .trip_div.trip_7 .poi_bullet_num{color:var(--color-trip-7)} .trip_div.trip_7 .alt_poi_bullet{color:var(--color-trip-7);filter:opacity(0.6)} .trip_div.trip_8 .poi_bullet_num{color:var(--color-trip-8)} .trip_div.trip_8 .alt_poi_bullet{color:var(--color-trip-8);filter:opacity(0.6)} .trip_div.trip_9 .poi_bullet_num{color:var(--color-trip-9)} .trip_div.trip_9 .alt_poi_bullet{color:var(--color-trip-9);filter:opacity(0.6)} .trip_div.trip_10 .poi_bullet_num{color:var(--color-trip-10)} .trip_div.trip_10 .alt_poi_bullet{color:var(--color-trip-10);filter:opacity(0.6)} .trip_div.trip_11 .poi_bullet_num{color:var(--color-trip-11)} .trip_div.trip_11 .alt_poi_bullet{color:var(--color-trip-11);filter:opacity(0.6)} .trip_div.trip_12 .poi_bullet_num{color:var(--color-trip-12)} .trip_div.trip_12 .alt_poi_bullet{color:var(--color-trip-12);filter:opacity(0.6)} .trip_div.trip_13 .poi_bullet_num{color:var(--color-trip-13)} .trip_div.trip_13 .alt_poi_bullet{color:var(--color-trip-13);filter:opacity(0.6)} .trip_div.trip_14 .poi_bullet_num{color:var(--color-trip-14)} .trip_div.trip_14 .alt_poi_bullet{color:var(--color-trip-14);filter:opacity(0.6)} .trip_div.trip_15 .poi_bullet_num{color:var(--color-trip-15)} .trip_div.trip_15 .alt_poi_bullet{color:var(--color-trip-15);filter:opacity(0.6)} .trip_div.trip_1 .bullet_num.main_poi{color:var(--color-trip-1)} */ /*end trip page*/ /* areas page */ ul.areaList{position:relative} ul.subareaList li{padding:0;flex: 1;text-align: center;min-width: 80px;} ul.areaList li a {position:relative; margin:0 auto} ul.areaList li.is_open{padding-bottom:100px} ul.areaList li.disabled{opacity:0.15; pointer-events: none} ul.areaList li.has_sons a {cursor: pointer} .hidden_area .sectionBtn_icon, .top_area .sectionBtn_icon.hidden_area{background-color:grey !important} .hidden_area .dots-circle::before{color:grey !important} .hidden_area a:hover .sectionBtn_text, .top_area a.hidden_area:hover .sectionBtn_text{color:grey !important} .top_area_marker{position: absolute;top: 58px;left: calc(50% - 10px);border-radius: 50%;color: white;width: 21px;height: 21px;line-height: 21px;font-size: 17px;text-align: center;padding:0;} ul.subareaList{position: absolute; bottom:10px;z-index:10;width: 320px;left: 0} ul.subareaList.first_row{top:140px; bottom:auto} ul.subareaList.second_row{top:280px; bottom:auto} ul.subareaList.third_row{top:420px; bottom:auto} ul.subareaList li a{padding:5px} ul.subareaList li a .sectionBtn_icon{width:40px; height:40px; font-size:25px; margin:auto} /* end areas page */ /* area_page */ .area_local_name{color: var(--color-light); background-color: #fff; font-size: 29px; font-weight:normal;margin:0 10px;} .local_name_mobile {display:none} .narrow_text .local_name_mobile{display:block;margin-top: -30px; text-align: left; color: var(--color-light);} .narrow_text .area_local_name{display:none} .area_intro{color:var(--color-dark); font-weight: bold;} li.practicalities i{margin-left:10px} .area_info_head i{margin-left:10px} .area_pois_in_trips [class^="trip_num"]{display: inline-block;height: 32px;width: 32px; font-size:25px; line-height:32px;text-align: center; border: 1px solid var(--color-dark); border-radius: 50%;} .area_pois_in_trips [class^="trip_num"]:before{position: absolute; font-family: Font Awesome Kit; font-weight: normal !important; content: '\e030'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: auto; font-style: normal; line-height: 1; top: -5px; right: -10px; font-size: 1.6em; text-align: center; padding: 0} /* poi view */ .pois_in_trips .num-trip{position:relative} .pois_in_trips .num-trip:before{top: -9px;right: -16px;font-size: 74px;} .poi_category_head{display:flex; justify-content:space-between; padding:5px 22px; margin:0} .poi_info_label {font-weight: bold;margin: 0 5px;color: var(--color-dark);} .field_comment{display: block; font-size:14px;line-height:18px} h4.closed_poi{--txt-color:var(--color-fail-dark); --bg-color:var(--color-fail-extra-light);margin: 0 auto 7px auto; text-align: center; color: var(--txt-color); border-right: 6px solid; padding: 0; line-height: 1.4em; background-color: var(--bg-color);} h4.closed_poi.temp{--txt-color:var(color-alert-mild-dark); --bg-color:var(--color-alert-mild-bg)} .practicalities{border-bottom:1px solid var(--color-lighter);padding:10px 15px 10px 10px; margin-bottom:7px; font-size:1.2em; line-height: 1.5em} .textBody.narrow_text .practicalities{padding:0} li.practicalities:nth-last-of-type(1){border-bottom:none} .description {font-size:20px;line-height: 1.5em} .navigation_container{background-color:var(--color-map-bg); border-radius: 20px 20px 0 0; margin:10px auto} .navigation_row{text-align:center;width: 90%; max-width:450px;margin:auto; padding-bottom:10px} .nav_to_here {display: block;text-align: center;} .nav_icons{display: flex;justify-content: space-evenly; margin: 20px auto} .nav_icons a { display: inline-block; width: 90px; height: 34px; padding: 0; font-size: 25px; line-height: 32px; border-radius: 35px; margin-left: 7px; border: 1px solid var(--color-light); background-color: var(--color-light); color: white; text-align: center;} .nav_icons a:hover{background-color: var(--color-dark); border-color: var(--color-dark)} /*====best sites====*/ .best_site_title h3 i{border-radius:50%; height:34px; width:34px ;margin:0 0 4px 6px; padding: 4px; text-align: center;font-size: 0.6em; background-color: var(--color-gold); color: white;} /* listing */ .listing_intro .boxed_text{width:80%; box-shadow: var(--shade-card); margin:20px auto; padding:10px 20px} .listing_intro .boxed_text h4{position:relative; border-bottom:1px solid var(--color-dark); margin:5px auto; color: var(--color-dark);} .main_nav{margin: 20px auto;} .main_nav>li { position: relative; box-sizing: border-box; width: 100%; max-width: 900px; margin: 0 auto; padding: 0 25px 0 0; border-bottom: 1px solid var(--color-light); font-size: 25px; font-weight: 400; } .main_nav>li:last-child{border-bottom:none;} .main_nav li>a, .main_nav li>span.main_nav_header {display: inline-block; width: 100%; height: 100%; padding: 10px 35px 10px 65px; border-radius: 0 30px 0 30px; margin: 10px 0;} .main_nav li>a:hover {background-color: var(--color-grey-bg); text-decoration: none; box-shadow: var(--shade-card)} ul.main_nav li>a:not(.btn) i, ul.main_nav li>span.main_nav_header a:not(.btn) i, ul.lex_list li.level_1>span i{position:absolute; right:0; top:18px; display: inline-block; text-align: center; border: 1px solid var(--color-light-tint);border-radius: 50%; width: 40px;height: 40px;line-height: 38px !important; font-size: 20px; background-color: var(--color-grey-bg);color: var(--color-light-tint) } ul.main_nav li>a:not(.btn):hover i {border-color: var(--color-dark);background-color: var(--color-dark); color:#ffffff; font-weight: bold} ul.main_nav p {font-size:18px; font-weight: normal; margin:0; color: var(--color-text);} /* routes */ ul.multi_routes>li>span.main_nav_header{font-weight: bold;color: var(--color-dark);font-size: 40px;padding: 0px;} ul.multi_routes>li>span.main_nav_header i{border: none; background-color: white; font-size: 30px; margin:0 0 0 15px;} .main_nav .area_routes .line_header{font-size:25px; justify-content:start; margin:35px 0 6px 0} ul.main_nav.multi_routes li > a:not(.btn){margin:0; padding:0px 35px; font-weight:normal} ul.main_nav.multi_routes li > a:not(.btn) i{position:relative; top:0;margin-left:30px;width: 30px; height: 30px;line-height: 28px !important; font-size: 18px;} .route_title{display:flex;justify-content: space-between} .multi_routes>li{margin-bottom:45px; border-bottom:none} /*lex/info*/ .entry_title{font-weight: bold;color: var(--color-dark); font-size: 1.4em;} [class^="level_"] span a {color: #4f4e4e; font-weight: inherit} [class^="level_"] span a:hover {color: var(--color-dark); background-color: var(--color-lighter); } .node_title{position:relative;display:block; width:100%; padding: 2px 8px 2px 2px; margin-bottom:5px;} .node_title a {font-weight:normal;} .node_title a:hover{text-decoration: none} .node_title.expandable:hover{background-color: #f7f8f9; color:var(--color-dark)} li.tree_level_4{border-bottom:1px solid var(--color-lighter)} li.tree_level_4:first-of-type{border-top:1px solid var(--color-lighter)} .tree_span_1{margin-top:20px; border-radius:0 20px 0 20px; background-color: var(--color-light); color: white; font-size:25px; font-weight:600;} .tree_span_1 a{color:white; font-weight:600} .tree_span_1.expandable:hover{background-color:var(--color-light-tint)} .tree_span_2{background-color: var(--color-lighter);border-radius: 0 20px 0 20px;padding-right: 10px;color: var(--color-dark);font-size:22px; font-weight:600;} .tree_span_2 a{color:var(--color-dark); font-weight: 600;} .tree_span_3{padding-right: 30px;border-bottom:1px solid var(--color-lighter); background-color: var(--color-extra-lighter); color: var(--color-dark);font-size:20px; font-weight:normal;} .tree_span_3 a {color: var(--color-dark)} .tree_span_3 + .lex_list li.tree_level_4, .tree_span_3 + .lext_entry_head + .lex_list li.tree_level_4{border-top:none} .tree_span_4{font-size: 17px; background-color: white; padding-right:22px} .tree_level_4{padding-right: 25px} .tree_span_4 a {color:inherit; font-weight:600} .entry_subtitle{margin: 2px 15px;border-right: 3px solid var(--color-dark);padding-right: 10px;} .lex_list ul .poi_name{color: #4f4e4e; font-size: 24px;} .lex_list ul #entry_texts .description{font-size: 20px; font-weight: 400; color:#4f4e4e} .lext_entry_head{ margin-bottom: 10px;} .lext_entry_btn{display: block;} .lext_entry_btn i{float: left;margin-top: 3px} .lex_full_view{font-size:20px; line-height: 30px} .lex_intro {font-size: 24px} .lex_full_view h1 {position: relative; line-height: 40px; font-size: 35px; margin: 25px 0 10px; padding-left: 67px; border-bottom: 5px solid var(--color-light);color: var(--color-dark)} .lex_full_view h2, .chapter_view h2 {position: relative; line-height: 35px; font-size: 30px; margin: 25px 0 10px; padding-left: 67px; border-bottom: 1px solid var(--color-light);border-top: 1px solid var(--color-light);color: var(--color-dark)} .lex_full_view h3, .chapter_view h3 {position: relative; color: var(--color-dark); margin: 25px 0 2px} .lex_date{position: absolute; left: 0; bottom: 3px; font-size: 14px; line-height: 14px; font-weight: normal} .optional{display: block;border-right: 4px solid var(--color-light-tint); padding-right: 20px;} /*העולם שלי*/ .app-body .additionalItems_tabsHolder{border-color:var(--color-lighter);border-radius: 20px 0 0 0;} .app-body .additionalItems_tabs{background-color:var(--color-lighter); border-top-color: var(--color-lighter);border-radius: 20px 0 0 0;} .app-body .additionalItems_tabs li{vertical-align: bottom; border-left: 0;} .app-body .additionalItems_tabs li a span{border-radius: 20px 0 0 0; font-weight:600} .app-body .additionalItems_tabs li.selectedTab a{height:34px; color: var(--color-text)} .app-body .additionalItems_tabs li a:hover span {background-color: var(--color-dark);color: #ffffff;} .app-body .additionalItems_tabs li.selectedTab a:hover span {background-color: white; color:var(--color-text)} .app-body .additionalItems_tabs li.selectedTab:hover{background-color: inherit} .app-body .additionalItems_body{padding-top:20px} .app-body .additionalItems_tabs li a, .app-body .cart_innerTitle, .app-body .h2.main_header, .app-body .secondary_header {font-family: var(--font-ui); font-weight:normal} .app-body .secondary_header:after{position:absolute;display:inline-block;content:" ";bottom: -5px;left: 0;border-radius:50%; width:8px; height:8px; background-color:var(--color-light)} .app-body .secondary_header strong {font-weight: 600;} .app-body .member_details{font-size: 20px; line-height: 25px;} .app-body .cart_innerTitle, .app-body .secondary_header { position:relative; color: var(--color-light); background: none; border-bottom: 1px solid var(--color-light-tint); } .app-body .third_header{color: var(--color-emph)} .app-body .third_header i {display: inline-block; border: 1px solid var(--color-emph-medium); border-radius: 50%; height: 40px; width: 40px; margin-left:15px;line-height: 36px; font-size: 19px;text-align: center;} .app-body ul.checklist li .fad{color:var(--color-emph-medium); right:-20px; top:6px} .app-body .btn-more{background-color:var(--color-light);border-color:var(--color-light); border-radius: 20px; padding:2px 20px} .app-body .btn-more:hover {background-color:var(--color-dark)} .app-body .btn-less{color:var(--color-dark)} .app-body #renew_citizenship_div, .app-body .sub_opt_div {border:1px solid var(--color-lighter);border-radius: 0 30px 0 30px;padding-bottom:40px} .app-body .renew_div a.call_for_action{background-color:var(--color-ok-dark); border-radius:25px; } .app-body .cancel_box{border-radius: 0 30px 0 30px; box-shadow: var(--shade-card);background-color:var(--color-lightgrey)} .app-body .member_info{font-size:18px;max-width:580px; margin-left: auto !important; margin-right:auto !important} .app-body .guide_heb_title{color:var(--color-dark);line-height: 20px; height: 80px;} .app-body .smaller_book{border-radius: 0 30px 0 30px; height:270px; width:215px; text-align:center} @media screen and (max-width: 670px) { .app-body .smaller_book{height:230px; width: 160px} .app-body .book_thumbs .book_img, .app-body .book_thumbs .no_image{height:120px; width: 160px} } @media screen and (max-width: 425px) { .app-body .book_thumbs {flex-direction:row} .app-body .smaller_book{height:230px; width: 150px} .app-body .book_thumbs .book_img, .app-body .book_thumbs .no_image{height:112px; width: 140px} } .labeledBook { position: relative;} .labeledBook:before, .labeledBook:after {position: absolute;line-height: 18px; height: 18px; width: 60px;left: calc(50% - 30px) !important;bottom: 0px;top: auto !important; border-radius: 15px 15px 0 0;color: var(--color-ok-light);background-color: white; text-align:center; font-family: var(--font-awesome);font-weight: 900;font-size: 14px; } .labeledBook.ownedItem::after {content: "\f2f7";} .labeledBook.admin_item::after {content: "\f3ed";} .labeledBook.subscr_item::after {content: "\f274";} .labeledBook.ownedItem::after {content: "\f2f7";} .labeledBook.expired_book::after{content: "\e032"; font-family: "Font Awesome Kit"; color:grey} @media screen and (min-width: 480px) { .labeledBook:before, .labeledBook:after{line-height: 22px; height: 20px; width: 80px;left: calc(50% - 40px) !important;font-size:18px} } .app-body .book_thumbs .no_image{display: inline-block; background-color: var(--color-lightgrey);} .app-body .plan_head {color: var(--color-emph);} .app-body .plan_head::after{border-top:2px solid var(--color-emph)} .app-body .large_price{color:var(--color-light); font-weight: 600} .app-body #upgrade_options ul, .app-body #subscr_options ul{border-block: 1px solid var(--color-light)} .app-body #upgrade_options > div, .app-body #subscr_options > div{border-radius: 0 30px 0 30px} .app-body .offer_box input[type="button"], .app-body .top_offer input[type="button"], .app-body .purchase_btn{border:1px solid var(--color-dark)} .app-body .purchase_btn{white-space: nowrap;border-radius: 30px; background-color: var(--color-dark); color:white; font-weight:bold !important} .app-body .offer_box:hover input[type="button"], .app-body #upgrade_options > div:hover .purchase_btn, .app-body #subscr_options > div:hover .purchase_btn{border: 3px solid var(--color-lighter);background-color:var(--color-light)} .app-body #subscr_options{border:1px solid var(--color-lighter); border-radius: 0 20px 0 20px; background-color:var(--color-grey-bg); margin-top:-45px} .app-body .list_tbl_header{background-color: var(--color-dark)} .app-body .list_tbl_row td {border-top:1px solid var(--color-dark-tint);} .app-body .list_tbl_row.details{text-align:center} .app-body .list_tbl_row a{color:var(--color-emph)} .app-body .items_tbl{margin:auto} .app-body .list_tbl_row:nth-child(2n){background-color: var(--color-bg-light)} .orders_list_tbl_top{background-color: var(--color-dark);height: 30px;margin: 0 0 -20px 0; border-radius: 0 30px 0 0;} .orders_list_tbl_btm{background-color: var(--color-bg-light);height: 30px;margin:0 0 30px 0; border-radius: 0 0 0 30px;} @media screen and (max-width: 670px) { .app-body .list_tbl label{color:var(--color-dark)} .app-body .list_tbl_row > td:first-child {border-bottom: 1px solid var(--color-dark);background-color:var(--color-light)} .app-body .list_tbl_row > td:first-child label{color:white} .app-body .list_tbl_row a {color: white;} .app-body .list_tbl_row.details > td:first-child {background-color: var(--color-bg-light);color: var(--color-text);text-align: right;margin: -20px 0 0 0;padding: 20px;} .app-body .list_tbl_row.details a {color: var(--color-text);} } .app-body .form_1col input[type="submit"]{background-color:var(--color-light); color:white;border-radius:30px; font-weight:bold; font-family:var(--font-ui); box-shadow:var(--shade-card); width:100%; margin:auto; white-space: nowrap;white-space: nowrap;padding: 0px 20px;text-indent:0;text-align: center;} .app-body .form_1col input[type="submit"]:hover{background-color:var(--color-dark)} /*רכישה*/ .pricingTabs .additionalItems_tabs li a{font-size:20px} .app-body .popular_badge{background-color:var(--color-emph); white-space: nowrap; top:-40px} .app-body .top_offer>div {border: 1px solid var(--color-light);} .app-body .top_offer>div.active{background-color:var(--color-dark);} .app-body .top_offer_title{background-color:var(--color-lighter);border-bottom: 2px solid var(--color-light);} .app-body .top_offer_title:hover{background-color:var(--color-dark)} .app-body .top_offer>div.active .top_offer_title{border-bottom: 2px solid var(--color-light);} .app-body .cart .freeShipping{border-radius: 0 30px 0 30px;margin: auto;background-color: var(--color-light);} .app-body .cart .freeShipping span{position:relative;background-color: var(--color-dark); border-radius:0 20px 0 0} .app-body.narrow_text .cart .freeShipping span{border-radius: 0 25px 0 0;} .app-body .cart .freeShipping span>img{display:none;} .app-body .cart .freeShipping span:after{color:white; content:'\f129'; font-family:var(--font-awesome); font-weight:600; font-size:xx-large} .top_offer .active .top_offer_title {background-color:var(--color-dark)} .app-body .cartProggress>div>span {font-family:var(--font-ui)} .app-body .cartDetails li.cartDetails_th span{background-color:var(--color-dark);font-family:var(--font-ui)} .app-body .cartDetails li span.cartCell, .app-body .cartDetails li.cartDetails_th span{border: 1px solid var(--color-dark);} .app-body .cartTotal {font-family:var(--font-ui) !important} .app-body .offer_box{border-radius: 0 30px 0 30px; border:1px solid var(--color-light); padding:20px; margin-top:40px;border-top:30px solid var(--color-light)} .app-body .offer_box hr{background-color:var(--color-light)} .app-body .offer_box.offer_box_active{border-top: 30px solid var(--color-dark) !important;border-color:var(--color-dark) !important} .app-body .offer_box .small_print_subscr {left:15px} .app-body ul.offer_bullets{line-height: 20px;font-size: 15px;} .app-body ul.offer_bullets li{position: relative;padding-right:20px} .app-body ul.offer_bullets li::before{position:absolute;right:0; color:var(--color-light);} .app-body .cart_step01 div:nth-child(1) {background-color: var(--color-dark);} .app-body .cart_step01 div:nth-child(1):after{border-top: 18px solid var(--color-dark);} .app-body .cart_step02 div:nth-child(1), .app-body .cart_step02 div:nth-child(2) {background-color: var(--color-dark);} .app-body .cart_step02 div:nth-child(1):after, .app-body .cart_step02 div:nth-child(2):after{border-top: 18px solid var(--color-dark);} .app-body .cartPanel {overflow:visible; padding-top:80px} .app-body .cartPanel a {border-radius:30px;font-family: var(--font-ui);box-shadow:var(--shade-card)} .app-body .cartPanel a, .cartPanel input{background-color: var(--color-emph);} .app-body .cartPanel a:hover, .app-body .cartPanel a:hover, .app-body .cartPanel a:nth-child(2):hover{background-color: var(--color-emph-dark);} .app-body .cartPanel a:nth-child(2){background-color: var(--color-light);} .app-body .cartPanel a:nth-child(2):hover{background-color: var(--color-light-tint);} .app-body .account-btn{width:auto; text-indent:0; margin:10px 0 0 0 !important} .app-body .account-btn{text-align: center} .app-body .initialText{padding:10px 20px; border-radius: 30px 0 30px 0; max-width: 400px; margin: 10px auto 20px auto; box-shadow: var(--shade-card);text-align:center} .app-body .initialText p a{display: block} .app-body .mailing_list_txt{display:block; text-align:right;line-height:20px;vertical-align: text-bottom; font-size: 17px;} .app-body .cart input[type='checkbox'], .app-body .mailing_list_txt input[type='checkbox']{display: initial; width: auto; height: initial; margin: 0;} .app-body .cartPanel input[type='submit']{background-color:var(--color-emph); border-radius:30px; box-shadow:var(--shade-card)} .app-body .cartPanel input[type='submit']:hover{background-color:var(--color-fail-dark)} .app-body .cartTotal label, .app-body .mailing_list_txt label{display:inline} .app-body a.call_for_action, .app-body a.cancel_btn {border-radius:30px; box-shadow:var(--shade-card)} .app-body a.call_for_action {background-color:var(--color-fail-dark)} .app-body .citizen_info summary{border-radius:10px;border:1px solid var(--color-light); color:var(--color-light)} .app-body ul.citizen_info li details div {font-weight:300; font-size:15px;line-height:20px} .app-body .citizen_info_head{font-family:var(--font-ui)} .app-body .dont_worry{font-family:var(--font-ui);font-weight:normal;font-size: 17px;display: block;line-height:20px; text-align:right; margin-top:auto} .app-body .citizen_info .dont_worry{margin-top: -10px} .price_container{display:flex;justify-content:space-around;align-items:baseline} /* יוצרי המדריך*/ .author_info{padding-left: 15px; padding-bottom: 25px;} .author_info .book_author_name{display: block; width: 100%; font-size: 22px; font-weight: 600; color: var(--color-emph); margin-top: 10px;} .author_info .book_author_bio{font-size: 18px; display: block;} .author_info .book_author_img{float:left; max-width:250px; margin-top: -25px; margin-right: 20px; margin-bottom: 15px; border:8px solid var(--color-lightgrey); box-shadow: var(--shade-card);border-radius: 0 20px 0 20px} @media screen and (max-width: 670px) { .author_info .book_author_img{max-width: 180px;} } @media screen and (max-width: 415px) { .author_info .book_author_img{max-width: 140px;} } .author_info .notes_title{display: block; font-weight: bold; margin-top: 10px;} /* משימות החלטות וכו */ .long_text h3{margin:40px 0 10px 0} .long_text h3 i{margin-left:10px} .listing_header{margin-top:30px} .listing_btn{position: relative; padding-right:40px;transition:none} .listing_btn i {position:absolute; right:-8px;bottom:-1px; border:2px solid var(--color-light);display: inline-block; border-radius: 0 35px 35px 0; width:30px; height:33px;line-height:32px; background-color:white;text-indent: 2px;font-size:17px} .listing_btn:hover i{border-color:var(--color-dark)} /* מודל*/ .app-body .popupHolder {height:100%} .app-body.trip_page .popupHolder {height:calc(100% - 45px)} .app-body a.ofirModal_close, #close-img-popup {background:inherit;font-size: 20px; background-color: var(--color-light); font-family: var(--font-awesome); text-align: center; opacity: 1; border-radius: 50%; color: white; box-shadow: inset 0 4px 5px 0 rgba(0, 0, 0, 0.14), inset 0 2px 9px 1px rgba(0, 0, 0, 0.12), inset 0 6px 2px -2px rgba(0, 0, 0, 0.2);} @media screen and (max-width: 860px) { .app-body .popupHolder {width:100%} } /* תמונה קופצת*/ #image-popup-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: none; justify-content: center; align-items: center; z-index: 3000;} #img-popup-content { position: relative;text-align: center;} #popup-image { max-width: 90%; max-height: 90%;border-radius: 30px 0 0 0;} #close-img-popup {position: absolute;top: 10px;right: 30px;width: 34px; height: 34px; background-color: var(--color-emph); cursor: pointer;} #close-img-popup:hover{transform: rotate(180deg);} #popup-image-title{background-color: white; border-radius: 0 0 30px 0;margin: -10px auto; max-width: 90%; max-height: 90%;color:var(--color-light);padding: 7px 35px; line-height: 15px;font-size:0.9em} /* toasts */ #ofirModal_toast_msg .ofirModal_title {display: none;} #ofirModal_toast_msg .Active{border-radius: 100px;}