/*@import url("../fonts/font-awesome-4.6.3/css/font-awesome.min.css");*/
@import url("../fonts/haolam-web-icons/styles.css");
@import url("../fonts/combinumerals/style.css");
@import url("../fonts/noot/stylesheet.css");
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url('https://fonts.googleapis.com/css?family=Heebo');

.hidden_div{display: none}
/*.clickable {cursor: pointer; } - defined in haolam.css*/
.clickable:hover {
  filter: brightness(120%);
}

.italicized_term{font-weight:300; font-style:normal}
.quote_text{display: block; width:80%; text-align: justify; margin: auto; border-right: 3px solid var(--lead-color);padding-right: 10px;font-weight: 600;font-style: italic}
.term_text{color: var(--lead-color); background-color:#e9eff3}

.separate_btm {margin-bottom:15px; border-bottom: solid 1px #ccc}
.separate_top {margin-top:15px; border-top: solid 1px #ccc}
/* start trips */
 .trip_name{font-weight:bold;font-size:30px; margin-bottom:15px; text-align:center; width:100%}
.trip_intro_head {text-align: center; font-size: 24px ;margin-bottom: 12px;line-height: 160%;}
.trip_intro {font-size: 20px; margin-bottom: 15px; line-height: 140%;}

/*.day_pois_list {background-color:#f0f0f0};*/
ul.day_pois_list li.day_poi{background-color:#f0f0f0; padding: 5px; margin: 8px}
.day_poi [class^="num-"] {margin-left: 10px}

.day {margin-bottom:10px;}
.day span {display: inline-block; margin: 0 5px 10px 5px; padding: 8px; font-family: 'Heebo', 'Open Sans Hebrew', Arial, Helvetica, sans-serif; text-decoration: none; font-size: 14px;font-weight: bold;color: white;border: none;border-radius: 4px;-moz-border-radius: 4px;}
.day a {text-decoration: none; display: inline-block}
.active_day span {border-bottom:3px  outset}

/*[class^="icon-"]*/
.day_picker {text-align:center; padding: 15px; }

.directions{color:#888}

.day_name{font-weight:bold;font-size:30px; margin-bottom:15px; text-align:center; width:100%}
/*end trips*/


/* start pois */
    .google-maps {
        position: relative;
         padding-bottom: 65%; /* This is the aspect ratio  */
        height: 0;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

#taken_from {border: 1px solid #555; border-radius: 5px; width: 100%; margin: auto; }
#taken_from .item_image {float: right; margin-left: 15px;}

.date_note{text-align: left;font-size: 15px;}

h1.poi_header, .trip_name {display:table; width:100%; box-sizing: border-box;margin: 1em 0 0.1em 0;font-weight: normal;position: relative;/*font-size: 28px;*/line-height: 40px;background: #007cbd;padding: 5px 15px;color: white;border-radius: 10px 10px 0 0;}
h1.poi_header strong,h1.poi_header span{display:table-cell;vertical-align: middle}
h1.poi_header span.poi_cat{max-width: 35%;border-right: #ffffff 3px dotted; font-weight: normal;font-size: 24px;text-align: center; padding-right: 15px; line-height: 110%}


h1.update_poi_header{display:table; width:100%; box-sizing: border-box;margin: 1.5em 0 0.1em 0; font-weight: normal;position: relative;font-size: 24px;line-height: 30px;}

.h1_icon {display:table-cell !important; width: 35px; height: 35px; text-align: center; vertical-align: middle; border-radius: 5px; background-color: #007cbd; color:#ffffff}
.h1_icon:before{font-size: 120%;line-height: 120%;}
.h1_num {display:table-cell; vertical-align: middle; ; width:35px; background-color: #ffffff; color:#007cbd; text-align: center}
.h1_title{display:table; height: 35px; width:100%; border-radius: 5px; background-color: #007cbd; color: #ffffff}
.h1_title strong{margin-right: 10px}
h1.update_poi_header span.poi_cat {display:table-cell;vertical-align: middle; max-width: 35%;border-right: #ffffff 3px dotted; font-weight: normal;font-size: 20px;text-align: center; padding-right: 5px; line-height: 110%}

h2.eng_header{direction:ltr;text-align: right; margin: 0 0 0.4em 0; font-size: 18px}
h2 .stars {float: left; font-size: 16px; color: #db001b; direction: ltr;}
h1 .stars {font-size: 20px; color: #ffffff; direction: ltr;}
@media screen and (max-width: 1024px) {h1.poi_header, .trip_name {/*font-size: 20px;*/} h1.poi_header span.poi_cat {font-size:18px}}
@media screen and (max-width: 480px) {h1.poi_header, .trip_name {/*font-size: 18px;*/} h1.poi_header span.poi_cat {font-size:14px}}


.flex_cotainer {display: flex; margin-bottom: 10px; border:1px solid #f0f0f0; padding: 15px}
.flex_cotainer > div{flex:1; }
.flex_cotainer > div img {height: 130px; float:right;}



.big_icon{background-color: #007cbd; color: #ffffff; border-radius: 5px; width: 50px; height: 50px; font-size: 40px}

.practiclities {float: left; margin-bottom: 9px; margin-right: 12px; width: 40%}
@media screen and (max-width: 1024px) {.practiclities { width: 60%}}
@media screen and (max-width: 670px) {.practiclities { margin-right: 8px; width: 40%}}
@media screen and (max-width: 480px) {.practiclities { margin-right: 0; width: 100%}}

ul.poi_info {margin-bottom: 15px}
ul.poi_info>li {background: #e8e8e8; margin-bottom: 3px; padding: 5px; position: relative; word-wrap: break-word;}
ul.poi_info>li:nth-child(1) {background-color: #4f4e4e; color: #ffffff; margin-bottom: 15px; height: 25px; padding: 5px; border-radius: 3px }
ul.poi_info>li:nth-child(1):after{content: ' '; position: absolute; bottom: -30px; right: 2%;  height: 0px; border-style: solid; border-color: #4f4e4e transparent transparent transparent; border-width: 20px 10px 18px 10px}

ul.poi_info>li:nth-child(2) {border-top-right-radius: 5px; border-top-left-radius: 5px}
ul.poi_info>li:nth-last-child(1) {border-bottom-right-radius: 5px; border-bottom-left-radius: 5px}

ul.poi_info>li:only-child, ul.updates_tbl>li:only-child {display:none} /* for when there are no items other than the header */

ul.poi_info:nth-child(1) .icon {color: #007cbd; margin-left:5px}
ul.poi_info>li:nth-child(1) span.fa:before {font-size:1.6em; margin-left:5px; }
ul.poi_info>li:nth-child(1) span i.fa:before{font-size:1em; margin-left:5px; }
.poi_info_label {font-weight: bold; margin-left: 5px; margin-right: 5px; color: var(--lead-color)}
.practicalities .icon{color: var(--lead-color)}
.practicalities a{/*background-color: #eaeff2;*/font-weight: 400;padding: 0 0 0 3px;}

@media screen and (max-width: 670px) {ul.poi_info>li{margin-bottom: 7px; padding: 10px;} }


.age_ruler_title{background-color: #4f4e4e; color: #ffffff; padding-right: 4px; border-radius:3px 3px 0 0; margin-top:15px}
.age_ruler_title img {float: left; width: 75px; top: -8px; position: relative;}
@media screen and (max-width: 670px) {.age_ruler_title img {width: 50px; top:2px}}
@media screen and (max-width: 480px) {.age_ruler_title img {width: 75px; top:-8px}}

.age_ruler_box{border: 1px solid #d4d3d3; border-radius: 0 0 3px 3px; padding: 2px 6px 0px 6px; margin-bottom:15px}

.ruler_numbers {padding: 0px; margin: 0px; list-style: none; clear: both;}
.ruler_numbers li{width: 5.1%; box-sizing: border-box; float: left; position: relative; margin-left: 0.4%; border-top: 4px solid black; height: 30px;}
.ruler_numbers li:first-child{margin-left: 0px;}
.ruler_numbers li span{position: absolute; left: 0px; top: 3px; margin-left: -10px; width: 20px; text-align: center; color: #4f4e4e; font: normal 12px arial;}
.ruler_numbers li:last-child{width: 0px; border-top-color: transparent;}

.ruler_ages{padding: 0px; margin: 0px; list-style: none; clear: both;}
.ruler_ages li:first-child{padding-left: 0px;}

.ruler_ages li{width: 5.1%; float: left; position: relative; padding-left: 0.4%; height: 10px;}
.ruler_ages li:last-child{width: 0px;}

.age_key {font-size: 14px; color:#aaa; margin-top:-5px}
.age_fair, .age_best {height: 10px; width: 30px; background-color: #c5dae3; display:inline-block; margin-left: 7px; font-size: 9px}
.age_best {background-color: #007cbd;}

.optional {display:block; border-right: 7px solid #bcbcbc; padding-right: 10px;}
.optional [class^="num-"], .optional [class*=" num-"], .optional_1 {color: #f19d9d !important}
.optional+br{display: none}


.boxed_text {display:table; background-color:  var(--lead-color-extra-light); margin:10px auto; padding:25px 35px 25px 35px; border-radius:5px;
             outline: 1px dashed var(--lead-color); outline-offset: -10px;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 5px 5px 5px #4f4e4e;
	-moz-box-shadow: 5px 5px 5px #4f4e4e;
	box-shadow: 5px 5px 5px #4f4e4e;
}

.boxed_text h4 {color:#4f4e4e; font-weight: bold;}


.boxed_text_kids {
    display:table; background-color: #ffc720; margin-top:15px; padding:25px 35px 25px 35px; border-radius:5px;
             /*stitching*/
	outline: 2px dashed #13568f;
	outline-offset: -15px;
	/*shadow*/
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;

	-webkit-box-shadow: 5px 5px 5px #4f4e4e;
	-moz-box-shadow: 5px 5px 5px #4f4e4e;
	box-shadow: 5px 5px 5px #4f4e4e;
}

.boxed_text_kids h4 {color: #fcecdc; background-color:  #ec3131; font-family: 'nootregular'; letter-spacing: 1px; line-height: 30px; padding: 6px 0 0 0}



.lex_entry, .lex_entry a, .icon-caret-left:before {color: var(--lead-color); font-weight: bold;cursor: pointer}
.lex-arrow {margin: auto -5px auto -5px}

.practicalities {padding:10px 15px 10px 10px; margin-bottom: 5px; font-size:1.2em; background-color: #f9f8f6;}
.practicalities .optional {background-color:#f9f8f6;}
.description {margin-right:5px;padding:10px}
.field_comment{display: block; font-size:14px;}
.field_comment:before{content: "["}
.field_comment:after{content: "]"}

.poi_box h2{font-size:1.3em}
/*.poi_div{direction: rtl; border:solid 1px grey;width:600px;float:left;margin-right:15px;padding:10px;}*/

.light {color: #888888}
.light:before {content: "\200F";}

.noshow {display: none;}
.tooltip_templates { display: none; }

.poi .main_poi_in_area_desc {margin: 15px}
.main_poi_in_area_desc h3, .poi_desc h3{margin: 25px 0 0; color: var(--lead-color)}
.main_poi_in_area_desc p, .poi_desc p , .poi_desc .area_best {margin: 0 0 15px; font-size: 1.2em}

ul.tourist_info li{margin: 7px 15px 0 0; border-bottom:1px solid var(--lead-color-light)}
ul.tourist_info li:first-child {background-color: var(--lead-color);color: white;margin:0 0 10px 0}
ul.tourist_info li:last-child {border-bottom:0}

.nav_icons{width: 100%;display: flex;justify-content: space-evenly;margin-top: 5px;}
.nav_icons a {display: inline-block;width:30px; height:30px; padding:0; font-size:25px; line-height: 30px; border-radius:5px;margin-left:7px;border:1px solid var(--lead-color); background-color:var(--lead-color); color: white; text-align:center}
.nav_icons a:hover{background-color: var(--lead-color-light); color: var(--lead-color); }

.details_content{position: relative; }
.close_details{position: absolute;left: 6px;bottom: 5px;}

@keyframes sweep {
      0%    {opacity: 0; margin-right: -10px}
      100%  {opacity: 1; margin-right: 0px}
    }

.poi .area_intro{font-size: 1.2em;font-weight: bold;color: #ed3a8b;padding: 15px;}

/* end_pois */

/* cart elements on poi_view*/
.removefromcart {background-color: #cecece !important; color: #4e4e4f !important}
.addtocart, .bottom_banner .btns a.addtocart {background-color:var(--emph-color) !important; color: white !important; border-color:var(--emph-color)}

.aspect_wrapper{margin:35px auto 10px; text-align: center}
.aspect_padder{border: 3px solid var(--lead-color);}
.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(--lead-color);display: inline-block;margin-top: 7px;}
.video_in_text {clear:both}