article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} section{overflow:hidden;} html,body{margin:0;padding:0;overflow-x:hidden;cursor:pointer; height: 100%; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #map{ width:100%; height: 100%; height:100dvh; cursor:pointer; cursor: crosshair; cursor: default; z-index:21; } #map_cont{ width:100%; height:100vh; height:100dvh; position:fixed; z-index:50; width: 100%; height:100vh; position:fixed; background:#fbfbfb; } .r{color:red;} .b{font-weight:bold;} .gm-style iframe + div { border:none!important; } #jrh,#jrh2,#jrh3,#jrh4{ width:100%; position:absolute; top:50px; left:0px; height:1px; background:blue; z-index:999; display:none; } #jrh{top:unset;bottom:50px; top:780.19px; background:#19ff00; height:3px; } #jrh2{ background:red; top:10px; top:unset; bottom:22px; bottom:350px; } #jrh3,#jrh4{ top:0; height:100dvh; width:1px; background:#ffeb3b; left: unset; right:10px; right:unset;left:20px; } #jrh4{ background:#19ff00; right:50px; right:unset;left:50px; } #menu_toggle_cont{ position:absolute; height:100vh; height:100dvh; font-size: 22px; z-index:85; background:white; width:370px; box-shadow: 4px 0px 2px -2px rgb(128 128 128 / 51%); padding-bottom:20px; overflow-x: hidden; transition: 0.5s; } .navclosed{ left:-500px; right:unset; } .navopen{ left: 0px; right:unset; } @media(max-width: 500px ){ #menu_toggle_cont{ width:300px; } } #menu_toggle_cont ul.menu_toggle{ padding-top:70px; } .casa_cont_mobile{ width:100%; min-height:100px; position:fixed; bottom:0; left:0; background:white; } .casa_cont_mobile img{max-width:40%;float:right;} .casa_info,.casa_img_cont{ } .casa_info{ float:left; padding-right:10px; width:unset; line-height: 24px; float: none; text-align: center; } .casa_img_cont img{ max-width:220px; float:right; padding-right:11px; } .casa_img_cont img.img_doors_multi{ max-width:110px;float:left; } .loc_name{font-weight:bold;} .info_window_cont img { max-width: 140px; } .info_window_cont .casa_options{display:none;} #casa_details .casa_img_cont, #casa_details .casa_info{display:none;} #casa_details{height:50px;} .menu_clear_cont{ float: right; width: 50px; height: 50px; border:1px solid white; margin-right:4px; } .menu_clear_cont:hover{ border: 1px solid rgb(215 215 215); border-radius: 50%; } .menu_clear_cont span{ display: block; padding-top: 19px; padding-left: 14px; } .menu_clear_cont div{ width: 20px; height: 2px; background-color:rgb(255 255 255 / 58%); background-color: #666666; margin: 6px 0; } .menu_clear_cont div:nth-child( odd ){ transform:translate(0, 0px) rotate(45deg); } .menu_clear_cont div:nth-child( even ){ transform:translate(0, -8px) rotate(-45deg); } #search_cont{ position: absolute; width:100%; height:40dvh; height:0; bottom:0; background:#f3f3f3; z-index:55; width:100%; height:40dvh; bottom:-45dvh; } #search_cont.closed{ bottom: 22px; left: 10px; width: 40px; height: 40px; } #search_cont.open{ } #map.map_cont_search_cont_open, #map_cont.map_cont_search_cont_open{ height:60dvh; } #search_box_cont{ float:left; width:40%; } #casa_details{ left:0px; width:100%; z-index: 50; position: absolute; height:50px; visibility:visible; visibility:hidden; } #casa_details .casa_details_photo_cont{ } .casa_details_photo_cont{ background:white; } ul.casa_options svg{ fill:#666;stroke-width:0px; } ul.casa_options, ul.casa_options li{margin:0;padding:0;list-style-type:none;} ul.casa_options svg, ul.casa_options li, ul.casa_options img{ width:30px;height:30px; } ul.casa_options li{float:left;margin:5px;} .footer_icon_padding{ width:100%;clear:both; min-height:75px; } .footer_icons{ position:fixed; left:0px; bottom:0px; width:100%; position:fixed; bottom:0px; left:0px; width:100%; z-index:80; visibility:hidden; } .footer_icons_visible{visibility:visible;} .casa_icons_footer ul.casa_options li, .footer_icons ul.casa_options li{ float:left; text-align:center; height:50px; width:16.6%; box-shadow:inset -1px 0 0 white, inset 0 0px 0 white, inset 0px 0 0 white, inset 0 0px 0 white; margin:0;padding:0;list-style-type:none; padding: 12px 0px; } .casa_icons_footer ul.casa_options li{ box-shadow:unset; box-shadow: inset -1px 0 0 0 white, inset 1px 0 0 0 white;} .casa_icons_footer ul.casa_options li:first-child { box-shadow: inset -1px 0 0 0 white; } .casa_icons_footer ul.casa_options li:last-child { box-shadow: inset 1px 0 0 0 white; } .footer_icons ul.casa_options li:nth-child(1){ width:17%; } .casa_icons_footer ul.casa_options li{ width:20%; } .casa_icons_footer ul.casa_options li:nth-child(1){ width:20%; } .casa_icons_footer ul.casa_options li{width:25% !important;} .casa_icons_footer ul.casa_options li span, .footer_icons ul.casa_options li span{ display:block; font-size:13px; padding-top:3px; } .footer_info_box{ text-align:center; padding:10px 30px; padding: 30px 0px; padding:0; font-weight:bold; background:rgb(255 255 255 / 63%);; box-shadow: 0px 0px 0px #888, 0px -5px 5px rgb(136 136 136 / 54%); width:100%; display:inline-block; margin-bottom: -4px; } .search_clear_footer{ float:right; width:20px; height:20px; } .footer_info_box_lbl{ float:left; width:93%; padding: 20px 0px; } .footer_info_box .footer_info_pad{float:left;width:3%;min-height:14px; } .footer_info_pad img{ padding-top:8px; } .favorite_options img, .favorite_options svg{ display:inline-block; padding-right:18px; height:16px; vertical-align: middle; } .favorite_options span.favlbl{ line-height:20px; padding-bottom:3px; } .favorite_options { display: none; position: absolute; background-color: #fff; padding: 10px; padding-left:5px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); z-index: 99; } .favorite_options ul { list-style-type: none; padding: 0; margin: 0; } .favorite_options ul li { padding: 8px 15px; cursor: pointer; height: auto; } .favorite_options ul li:hover { background-color: #f0f0f0; } .defaultGray { fill:#5e5e5e; } .fav1Active{ fill:#234c91; } .fav2Active{ fill:#f98f21; } .fav3Active{ fill:#25bcc0; } .fav4Active{ fill:#d71919; } .fav5Active{ fill:#ffc95b; } ul.infowindowfavs li img{ width: 24px; vertical-align: middle; height: 27px; padding-right: 5px; } ul.infowindowfavs li{ line-height:35px; } .sub_menu svg{ vertical-align: middle; padding-left: 10px; padding-right: 5px; } .casa_flags_cont{ float:left; min-width:150px; } .casa_notes_cont{ clear:both; padding:20px; } .casa_img_cont{ float:left; } ul.infowindowfavs,ul.infowindowfavs li{ list-style-type:none; margin:0;padding:0; } ul.infowindowfavs li svg{ width:24px; height:27px; } .fixed_search_box{ position:fixed; width:100%; z-index:80; top:0;left:0; transition: all 0.1s ease-out; } .fixed_search_box_active{ background:#efefef; box-shadow: 0 4px 2px -2px rgb(128 128 128 / 51%); } .fixed_search_rslts_cont{ width:98%; margin-left:1%; display:block; padding:8px 11px; min-height:55px; } .fixed_search_box_cont{ border:1px solid gray; border-radius:15px; margin:5px 10px; width:98%; margin-top: 8px; display: inline-block; padding:5px; background:white; margin:0; padding:0; padding-left:5px; box-shadow: 0 4px 2px -2px rgb(128 128 128 / 51%); } .fixed_menu_trigger{ padding:8px; text-align:center; display: inline-block; float:left; } .menu_toggle_cont_menu_trigger{ margin-left:30px; margin-top: 15px; } .fixed_menu_trigger div{ width: 22px; height: 2px; background-color:rgb(255 255 255 / 58%); background-color: #666666; margin: 6px 0; } #srch_fixed{ border:none; outline:none; float:left; width:90%; margin-left:10px; padding: 7px; font-size: 26px; } .ui-widget.ui-widget-content { border:unset; } .search_clear_cont{ float:right; width:20px; height:20px; padding:10px; margin-right:5px; } .search_clear_cont path{fill:#666666;stroke-width:0px; } .search_clear_cont .search_clear{} .hide{display:none;} .hideImportant{display:none !important;} .showImportant{display:block !important;} .menu_search_results_top{ width:100%; z-index:90; overflow:hidden; margin:auto; } .menu_search_results_top, .menu_search_results_top li{ margin:0;padding:0; list-style-type:none; line-height:40px; } .menu_search_results_top{ width: 100%; width:98%; } .menu_search_results_top li{padding-left:20px;border:1px solid #efefef;border-top:unset;background:white;} .menu_search_results_top.adjusted{margin-top:-14px;} .menu_search_results_top.adjusted li:first-child{padding-top:14px;} .menu_search_buffer{ height: 30px; margin-top: -30px; } @media( max-width: 1190px ){ #srch_fixed{ width:75%; } } @media( max-width: 800px ){ #srch_fixed{ width:70%; } .fixed_search_rslts_cont{ width:94%; } } @media( max-width: 600px ){ #srch_fixed{ width:65%; } } @media( max-width: 470px ){ #srch_fixed{ width:55%; } } @media( max-width: 350px ){ #srch_fixed{ width:50%; } } #menu_toggle_cont h1{ text-align:center; padding:10px 0px 9px 0px; margin:0; border-bottom: 1px solid rgb(102 102 102 / 28%); } #menu_toggle_cont h1 span:nth-child(1), #menu_toggle_cont h1 span:nth-child(6){ color:#234c91; } #menu_toggle_cont h1 span:nth-child(2), #menu_toggle_cont h1 span:nth-child(7){ color:#f98f21; } #menu_toggle_cont h1 span:nth-child(3), #menu_toggle_cont h1 span:nth-child(8){ color:#25bcc0; } #menu_toggle_cont h1 span:nth-child(4), #menu_toggle_cont h1 span:nth-child(9){ color:#d71919; } #menu_toggle_cont h1 span:nth-child(5), #menu_toggle_cont h1 span:nth-child(10){ color:#ffc95b; } .casa_icons_footer ul.casa_options li, .footer_icons ul.casa_options li{color:white;} .casa_icons_footer ul.casa_options svg, .footer_icons ul.casa_options svg{ color:white; fill:white; stroke: white; stroke-width: 7px; } .casa_icons_footer, ul.casa_options #cls-fav-flag, .footer_icons ul.casa_options #cls-fav-flag{ stroke-width: 20px; } .casa_icons_footer ul.casa_options li.fav, .footer_icons ul.casa_options li.fav{ background:#234c91; } .casa_icons_footer ul.casa_options li:nth-child(2),.casa_icons_footer ul.casa_options li:nth-child(6), .footer_icons ul.casa_options li:nth-child(2),.footer_icons ul.casa_options li:nth-child(6){ background:#25bcc0; } .casa_icons_footer ul.casa_options li:nth-child(3), .footer_icons ul.casa_options li:nth-child(3){ background:#ffc95b; } .casa_icons_footer ul.casa_options li:nth-child(4), .footer_icons ul.casa_options li:nth-child(4){ background:#d71919; } .casa_icons_footer ul.casa_options li:nth-child(5), .footer_icons ul.casa_options li:nth-child(5), .casa_icons_footer ul.casa_options li:nth-child(1), .footer_icons ul.casa_options li:nth-child(1){ background:#f98f21; } ul.casa_options svg{ stroke: white; stroke-width: 50; fill: none; } .casa_info_close{ width: 100%; text-align: center; height:24px; margin-top:-24px; } .casa_info_bg{display:inline-block; background:white; padding:11px 20px 2px 20px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .raaj{ color:red; font-weight:bold; position: absolute; transform: rotate(-45deg); white-space: nowrap; } .custom_markers,.custom_markers_white,.custom_markers_gray,.cwm{font-size: 16px;text-align:center;} .custom_markers_white,.cwm{color:white; } .custom_markers_red{color:red;} .custom_markers_gray{color:gray;} .customMarkerIcon,.custom_markers,.custom_markers_white,.custom_markers_gray,.cwm{ background-color: rgba(255, 255, 255, 0.9); color: #333333; font-size: 14px; font-weight: 600; padding: 5px 10px; border-radius: 8px; border: 1px solid #cccccc; white-space: nowrap; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15); } .customMarkerIcon{ padding-left: 35px; background-image: url(/cdn/pix/svg/red-arrow.svg); background-repeat: no-repeat; background-position: 8px center; background-size: auto 25px; background-color: rgba(255, 255, 255, 0.9); padding-top:9px; padding-bottom:9px; padding-left:40px; } .customMarkerFoodBlue{background-image: url(/cdn/pix/svg/plate-b.svg);} .customMarkerFoodGreen{background-image: url(/cdn/pix/svg/plate-g.svg);} .customMarkerFoodOrange{background-image: url(/cdn/pix/svg/plate-o.svg);} .customMarkerFoodRed{background-image: url(/cdn/pix/svg/plate-r.svg);} .customMarkerLiquor{background-image: url(/cdn/pix/svg/liquor-r.svg); } .customMarkerLiquorTeal{background-image: url(/cdn/pix/svg/liquor-t.svg);} .customMarkerLiquorOrange{background-image: url(/cdn/pix/svg/liquor-o.svg);} .customMarkerLiquorBlue{background-image: url(/cdn/pix/svg/liquor-b.svg);} .customMarkerRealtorTeal{background-image: url(/cdn/pix/svg/estate-t.svg);} .customMarkerRealtorRed{background-image: url(/cdn/pix/svg/estate-r.svg);} .customMarkerRealtorGreen{background-image: url(/cdn/pix/svg/estate-g.svg);} .customMarkerRealtorBlue{background-image: url(/cdn/pix/svg/estate-b.svg);} .customMarkerRealtorGray{background-image: url(/cdn/pix/svg/estate-gray.svg);} .customMarkerRealtorOrange{background-image: url(/cdn/pix/svg/estate-o.svg);} .customMarkerStore{background-image: url(/cdn/pix/svg/store-o.svg);} .customMarkerStoreTeal{background-image: url(/cdn/pix/svg/store-t.svg);} .customMarkerStoreBlue{background-image: url(/cdn/pix/svg/store-b.svg);} .customMarkerStoreGray{background-image: url(/cdn/pix/svg/store-gray.svg);} .customMarkerPropMgr{background-image: url(/cdn/pix/svg/property-mgmt-t.svg);} .customMarkerPropMgrOrange{background-image: url(/cdn/pix/svg/property-mgmt-o.svg);} .customMarkerPropMgrRed{background-image: url(/cdn/pix/svg/property-mgmt-r.svg);} .customMarkerPropMgrBlue{background-image: url(/cdn/pix/svg/property-mgmt-b.svg);} .customMarkerSpa{background-image: url(/cdn/pix/svg/spa-t.svg);} .customMarkerSpaBlue{background-image: url(/cdn/pix/svg/spa-b.svg);} .customMarkerSpaOrange{background-image: url(/cdn/pix/svg/spa-o.svg);} .customMarkerHotelBlue{background-image: url(/cdn/pix/svg/hotel-r.svg); padding-left:50px;} .customMarkerHotelGray{background-image: url(/cdn/pix/svg/hotel-gray.svg); padding-left:50px;} .customMarkerPet{background-image: url(/cdn/pix/svg/dog-food.svg);padding-left:50px;} .customMarkerCafe{background-image: url(/cdn/pix/svg/coffee.svg);} .customMarkerClothes{background-image: url(/cdn/pix/svg/clothes.svg);} .customMarkerLegal{background-image: url(/cdn/pix/svg/legal.svg);} .customMarkerRX{background-image: url(/cdn/pix/svg/rx.svg);} .customMarkerArt{background-image: url(/cdn/pix/svg/artgallary.svg);} .customMarkerGreens{background-image: url(/cdn/pix/svg/greens.svg); padding-left:55px;} .customMarkerSecurity{background-image: url(/cdn/pix/svg/security.svg);} .customMarkerAssocia{background-image: url(/cdn/pix/svg/hoa-associa.svg);} .customMarkerHOACommunity{background-image: url(/cdn/pix/svg/hoa-community.svg);} .customMarkerLibrary{background-image: url(/cdn/pix/svg/library.svg); padding-left:50px;} .customMarkerGearOrange{background-image: url(/cdn/pix/svg/gear-o.svg);} .customMarkerGearGray{background-image: url(/cdn/pix/svg/gear-gray.svg);} .customMarkerGolfTeeBlue{background-image: url(/cdn/pix/svg/tee-b.svg);} .customMarkerGolfHoleBlue{background-image: url(/cdn/pix/svg/hole-b.svg);} .customMarkerGolfTeeGreen{background-image: url(/cdn/pix/svg/tee-g.svg);} .customMarkerGolfHoleGreen{background-image: url(/cdn/pix/svg/hole-g.svg);} .customMarkerGolfTeeOrange{background-image: url(/cdn/pix/svg/tee-o.svg);} .customMarkerGolfHoleOrange{background-image: url(/cdn/pix/svg/hole-o.svg);} .customMarkerGolfTeeRed{background-image: url(/cdn/pix/svg/tee-r.svg);} .customMarkerGolfHoleRed{background-image: url(/cdn/pix/svg/hole-r.svg);} .customMarkerGolfTeeTeal{background-image: url(/cdn/pix/svg/tee-t.svg);} .customMarkerGolfHoleTeal{background-image: url(/cdn/pix/svg/hole-t.svg);} .customMarkerGolfTeeTan{background-image: url(/cdn/pix/svg/tee-tan.svg);} .customMarkerGolfHoleTan{background-image: url(/cdn/pix/svg/hole-tan.svg);} .customMarkerPool{background-image: url(/cdn/pix/svg/pool-b.svg);} .customMarkerDune{background-image: url(/cdn/pix/svg/dune.svg);; padding-left:50px;} .customMarkerBeachBlue{background-image: url(/cdn/pix/svg/beach-shower-b.svg);} .customMarkerBeachOrange{background-image: url(/cdn/pix/svg/beach-shower-o.svg);} .customMarkerBeachTeal{background-image: url(/cdn/pix/svg/beach-shower-t.svg);} .customMarkerBeachSandleBlue{background-image: url(/cdn/pix/svg/flops-b.svg);} .customMarkerBeachShellOrange{background-image: url(/cdn/pix/svg/shell-o.svg);} .customMarkerBeachShellTeal{background-image: url(/cdn/pix/svg/shell-t.svg);} .customMarkerBeachShellGreen{background-image: url(/cdn/pix/svg/shell-g.svg);} .customMarkerBeachSnorkelBlue{background-image: url(/cdn/pix/svgsnorkel-b.svg);} .customMarkerBeachSnorkelOrange{background-image: url(/cdn/pix/svg/snorkel-o.svg);} .customMarkerTrailhead{background-image: url(/cdn/pix/svg/direction-sign.svg);} .customMarkerKayak{background-image: url(/cdn/pix/svg/kayak-o.svg);} .customMarkerIconNoText{visibility:hidden;} .largeWhiteText,.medWhiteText{ font-size: 2.5rem; font-weight: 900; color: rgba(255,255,255,0.90); text-align:center; } .medWhiteText{ font-size: 1.4rem; font-weight: 800; } img.history_icon{padding-right:20px;width:20px;} .isHistory{ background:url(/cdn/pix/pix/history.png) no-repeat center left; padding-left: 35px; } .favorite_yellow{ fill:#eaff0f; stroke:#eaff0f; } #error_message_cont {d71919 display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; background-color: white; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 9999; } #offline-message { display: none; position: fixed; top: 0; left: 0; width: 100%; background-color: #f44336; color: white; padding: 10px; text-align: center; z-index: 1000; } .rotate180{ transform: rotate(180deg); } #left_nav, #left_nav li{margin:0;padding:0;list-style-type:none;} #left_nav{ font-size:15px; } #left_nav li{ -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height:52px; } #left_nav li ul.sub_menu{ margin-top:0px; margin-bottom:0px; background:#f9f9f9; padding:0; border-bottom: 1px solid gray; border-top: 1px solid gray; background:pink; background:white; } #left_nav li ul.sub_menu li{ border-bottom:1px solid #d1d1d1; padding-left: 36px; } #left_nav li ul.sub_menu li.bus-itm { padding-left: 45px; background-color: #f9f9f9; } #left_nav li.main_nav_cont_user_location{ } #left_nav li label{ padding-left: 5px; } #left_nav li span.nav_icon_cont_toggle{ padding-right:12px; padding-left:3px; } .nav_icon_cont_toggle{ width:15px; height:15px; float:right; line-height:20px; padding-top:17px; } .nav_icon_onoff{ display:block; width:70px; height:26px; height:27px; background:url(/cdn/pix/svg/menu-loading.svg) no-repeat 0px 0px; float:right; margin-top:6px; transition: 0.1s; padding-right:10px; margin-top: 12px; } .nav_icon_onoff_off{ background:url(/cdn/pix/svg/menu-off.svg) no-repeat 0px 0px; } .nav_icon_onoff_on{ background:url(/cdn/pix/svg/menu-on.svg) no-repeat 0px 0px; } span.menu_icon_level_1{ padding-right:5px; padding: 0; margin: 0; width: 25px; height: 25px; float:left; padding-left:8px; padding-top: 3px; } span.menu_icon_level_1 img{ margin-top:13px; width:18px; height:18px; } #left_nav li span.main_nav_cont label{ } #left_nav li span.main_nav_cont{ border-bottom:1px solid gray; display:block; background: pink; background:#f9f9f9; } #left_nav li span.main_nav_cont_active{ background:#efefef; } #nav_hoa_sel{ float:right; margin-top:12px; } #left_nav li ul.sub_menu li.menu_3rd_level{padding-left:35px;} .rotate-15 { transform: rotate(15deg); } .rotate-30 { transform: rotate(30deg); } .footer_info_notes { position: fixed; top: 5%; left: 50%; transform: translate(-50%); padding: 20px; width: 90%; max-width: 500px; height: auto; max-height: 80vh; background-color: white; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); border-radius: 10px; z-index: 1000; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; resize: none; } .footer_info_notes label, .footer_info_notes textarea, .footer_info_notes input, .footer_info_notes button { display: block; width: 100%; margin-bottom: 10px; } .footer_info_notes label { font-weight: bold; } .footer_info_notes textarea { height: 150px; resize: vertical; box-sizing: border-box; } .footer_info_notes button { padding: 10px; background-color: #f98f21; color: white; border: none; border-radius: 5px; cursor: pointer; } .footer_info_notes button.notes_cancel_btn{ background-color: #737373; } .footer_info_notes button:hover { background-color: #234c91; } @media (min-width: 768px) { .footer_info_notes { width: 60%; max-width: 400px; } } .notes_buttons_wrap { display: flex; justify-content: space-between; gap: 10px; margin-top: 10px; } .notes_buttons_wrap button { flex: 1; margin-bottom: 0; } @media( max-width:615px ){ .long_menu_item{ font-size: 13px;} } .custom-zoom-controls img{padding-top:5px;} .buttonEnabled{background:#deeeff;} .casa_header_cont { width: 100%; text-align: center; text-align: left; font-weight: bold; font-size: 21px; padding-top: 14px; padding-bottom: 14px; } .close-button { position: absolute; top: 4px; right: 16px; background: transparent; border: none; font-size: 1.5em; cursor: pointer; margin-top: 5px; } .close-button:hover { color: #ff0000; } #full_casa_info_details { background: #f5f5f5; position: fixed; top: 0; left: 0; z-index: 90; width: 100%; min-height: 100dvh; } .full_casa_shadow { width: 100%; height: 100dvh; background: rgb(0 0 0 / 40%); z-index: 89; position: fixed; top: 0; left: 0; } #full_casa_info_details .paddetails{ padding:0px 20px; } #casaPhoto{width: 100%;max-width: 100%;margin: 0 auto;background: #c5c5c5;} .casa_info_header,.casa_details_cont,.casa_min_map{width:100%;clear:both;} .casa_info_header{ border-bottom:1px solid gray;margin-bottom:10px;} .casa_imgs,.casa_det{ float:right; width:48%; } .casa_imgs{ border:1px solid gray;border:unset; } .casa_det{float:left; line-height:30px; } .casa_det .pad{ padding:20px; padding:0px; } .is-visible { opacity: 1 !important; visibility: visible !important; } #casaFoto{ margin:auto;width:50%; text-align:right; float:right; } #casaFoto img{ max-width:400px; max-width: 100%; height: auto; display: block; object-fit: contain; float:right; } .casa_min_map{clear:both;padding-top:20px;} .casa_det, .casa_det .casa_notes_details label.lbl{font-weight:bold;} .casa_det .casa_notes_details label.lbl{display:none;} .casa_det .casa_notes_details{font-weight:normal;} .norm,.casa_det span{font-weight:normal;} .ital{font-style:italic;} .w680{height:0px;} .casa_imgs{} .casa_details_cont,.casa_det,.casa_imgs, #casaFoto img{ height: 33dvh; max-height: 33dvh; min-height: 33dvh; } .casa_notes_details{height: 25dvh; max-height: 25dvh; min-height: 25dvh; } .casa_notes_details { height: 275px; overflow-y: auto; border-top: 1px solid #eee; padding-top: 5px; margin-top: 5px; scrollbar-width: thin; scrollbar-color: #f18f3c transparent; } .casa_notes_details .info { display: block; line-height: 1.4; font-weight: normal; white-space: pre-wrap; word-wrap: break-word; } .casa_notes_details::-webkit-scrollbar { width: 6px; } .casa_notes_details::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 10px; } @media( max-width: 700px ){ .casa_det,.casa_imgs{margin:auto;} .casa_det{margin-bottom:10px;} .w680{height:1px;} } @media( max-width: 600px ){ .casa_imgs,.casa_det{width:unset;} #casaFoto{width:unset;} }@media( max-width: 550px ){ .casa_det{min-width:200px;} } @media( max-width: 500px ){ .casa_det label{display:block;} .casa_det{min-width:unset;border:unset;} .casa_info_header{ } #casaFoto{text-align:right;width:unset;} .casa_det .pad{padding-top:0;} .smscreen_sub,.casa_neightborhood span{display:inline-block;} .casa_sub{display:none;} .casa_min_map{ max-height: 50vh;} } @media( max-width: 380px ){ .casa_details_cont,.casa_det,.casa_imgs, #casaFoto img{ height: unset; max-height: unset; } #casaFoto img{ max-height: 137px; } .casa_min_map{ max-height: 50vh;} .casa_imgs { min-width: unset; } } @media( max-width: 300px ){ .casa_det,.casa_imgs{margin:auto;float:none;width:100%;} .casa_det{} .casa_imgs{height:200px;max-height:200px;} #casaFoto{text-align:center;} } @media (min-width: 1100px) { .casa_info_header{border-bottom:unset;min-height: 30px;} #full_casa_info_details { max-height: 95dvh; height: 95dvh; max-width: 1000px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); left: 50%; top: 50%; transform: translate(-50%, -50%); } #casaFoto img{ } } #viewOneMap{width:100%;height:30dvh;height:100%;border: 1px solid #b9b9b9;} .casa_name, .casa_neightborhood{font-weight:bold;} .casa_neightborhood span{font-weight:normal;} .casa_icons_footer{width:100%; min-height:110px; margin-top:15px;} @media( max-width:1100px ){ .casa_icons_footer{ min-height:unset; position: fixed; bottom: 0;left:0; margin-top:unset; } #casaFoto img{ min-height:200px; min-height:200px; } .casa_info_header{ position: fixed; top: 0;left:0; width:100%; border-bottom: 1px solid gray; } .casa_info_header, .casa_info_header_for_styling{ height:50px; } .casa_header_cont{ padding: 0px 14px; line-height: 50px; } .casa_min_map{padding-top:0;} .casa_details_cont{ padding-top: 20px; padding-bottom: 20px; } #full_casa_info_details .paddetails { } } @media( max-width:600px ){ #casaFoto img{ height:200px; } } .casaFotoOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: none; align-items: center; justify-content: center; } .casaFotoOverlayContent { max-width: calc(100% - 80px); max-height: calc(100% - 80px); box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .casaFotoOverlayImage { max-width: 90vw; max-height: 90vh; display: block; margin: auto; } .casaFotoOverlayClose { position: absolute; top: 20px; right: 20px; color: #ffffff; font-size: 60px; z-index:900; cursor: pointer; } @media (max-width: 750px) { .casaFotoOverlayImage { max-width: 90vw; max-height: 90vh; } } @media (max-width: 680px) { .casaFotoOverlayImage { max-width: 90vw; max-height: 90vh; } } .slick-prev, .slick-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1005; background: rgba(0, 0, 0, 0.8) !important; color: #ffffff !important; width: 56px; height: 56px; border-radius: 50%; cursor: pointer; display: flex !important; align-items: center; justify-content: center; font-size: 32px; font-weight: bold; line-height: 1; box-shadow: 0 4px 12px rgba(0,0,0,0.5); transition: all 0.2s ease-in-out; } .slick-prev:hover, .slick-next:hover { background: #000000 !important; transform: translateY(-50%) scale(1.1); border-color: #ffffff !important; } #casaFoto .slick-prev { left: 10px; } #casaFoto .slick-next { right: 10px; } #casaFotoFullCarousel .slick-prev { left: 30px; width: 75px; height: 75px; font-size: 45px; } #casaFotoFullCarousel .slick-next { right: 30px; width: 75px; height: 75px; font-size: 45px; } .slick-prev:before, .slick-next:before { display: none !important; content: "" !important; } .slick-prev, .slick-next { font-size: 32px !important; color: white !important; display: flex !important; align-items: center; justify-content: center; text-indent: 0 !important; } .min_casa_directions { position: fixed; bottom: 0; width: 100%; height: 50px; background-color: #234c91; color: white; z-index: 80; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; box-sizing: border-box; } .directions_icon { height: 30px; width: auto; margin-right: 10px; } .directions_text { flex-grow: 1; margin-left: 10px; } .close_directions { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 1); color: white; background:white; color:#234c91; border-radius: 50%; cursor: pointer; font-size: 20px; font-weight: bold; text-align: center; margin-right:5px; } .custom-zoom-controls { position: absolute; bottom: 7px; right: 0px; z-index: 80; padding: 10px; } .custom-zoom-controls button { width: 42px; height: 42px; margin: 5px; font-size: 20px; cursor: pointer; display:block; } .custom-zoom-controls-high{ bottom: 50px; } .custom-zoom-controls button.active_follow { background-color: #25bcc0; color: white; } .search_clear_cont{ float:left; margin:unset; padding-top: 12px; margin-left:5px; } .menu_toggle_cont_menu_trigger{ } #menu_toggle_cont h1{ padding-left:5px;text-align: left; } span.menu_icon_level_1 { padding-left: 13px; }#left_nav li span.nav_icon_cont_toggle { padding-right: 24px; } .nav_icon_onoff{ padding-right: 16px; } .fixed_menu_trigger{ float:right; padding-right: 20px; } .menu_toggle_cont_menu_trigger{ margin-left:unset; } #srch_fixed{width:85%;} @media( max-width:1250px ){ #srch_fixed{width:70%;} } @media( max-width:840px ){ #srch_fixed{width:75%;} } @media( max-width:530px ){ #srch_fixed{width:70%;} } @media( max-width:446px ){ #srch_fixed{width:60%;} } @media( max-width:330px ){ #srch_fixed{width:50%;} } .navclosed{ right:-500px; left:unset; } .navopen{ right: 0px; left:unset; } .casaFotoOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); z-index: 9999; display: none; align-items: center; justify-content: center; } .casaFotoOverlayContent { width: 90%; max-width: 1000px; position: relative; } #casaFotoFullCarousel { display: block !important; width: 100% !important; opacity: 0; transition: opacity 0.3s; } .slick-track { display: block !important; } #casaFotoFullCarousel.slick-initialized { opacity: 1; } #casaFotoFullCarousel img { max-width: 100%; height: auto; margin: 0 auto; } .full-res-img { max-height: 80vh; margin: 0 auto; display: block; } .casaFotoOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); z-index: 9999; display: none; align-items: center; justify-content: center; } .casaFotoOverlayContent { width: 90%; max-width: 1000px; position: relative; display: block; } #casaFotoFullCarousel { display: block !important; width: 100% !important; opacity: 0; transition: opacity 0.3s; } #casaFotoFullCarousel .slick-slide { display: flex !important; justify-content: center; align-items: center; min-height: 1px; } #casaFotoFullCarousel .slick-slide img { display: block !important; margin: 0 auto !important; max-width: 100%; max-height: 80vh; width: auto; height: auto; object-fit: contain; } .casaFotoOverlay .slick-prev, .casaFotoOverlay .slick-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10000; background: rgba(255, 255, 255, 0.2) !important; border-radius: 50%; width: 50px; height: 50px; color: white !important; display: flex !important; align-items: center; justify-content: center; font-size: 30px; cursor: pointer; } .casaFotoOverlay .slick-prev { left: -60px; } .casaFotoOverlay .slick-next { right: -60px; } @media (max-width: 1100px) { .casaFotoOverlay .slick-prev { left: 10px; } .casaFotoOverlay .slick-next { right: 10px; } } .casaFotoOverlayClose { position: absolute; top: -50px; right: 0; color: white; font-size: 40px; cursor: pointer; line-height: 1; } .casaFotoOverlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(0, 0, 0, 0.95) !important; z-index: 9999 !important; display: none; align-items: center !important; justify-content: center !important; } .casaFotoOverlayContent { width: 90% !important; max-width: 1000px !important; position: relative !important; display: block !important; top: auto !important; left: auto !important; margin: 0 !important; } #casaFotoFullCarousel { display: block !important; width: 100% !important; } #casaFotoFullCarousel .slick-slide img { display: block !important; margin: 0 auto !important; max-width: 100%; max-height: 80vh; width: auto; height: auto; } #login-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 100; display: none; } .onMap{ z-index: 89 !important; } #login-overlay.logged-out-mode { background-color: transparent; pointer-events: none; } #login-overlay .login-modal { position: absolute; left: 50%; transform: translateX(-50%); background: #ffffff; padding: 25px; border-radius: 12px; text-align: center; width: calc(100% - 40px); max-width: 450px; box-sizing: border-box; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.3); pointer-events: auto; } #login-overlay:not(.logged-out-mode) .login-modal { top: 20%; } #login-overlay.logged-out-mode .login-modal { bottom: 5%; border-top: 5px solid #f98f21; animation: slideUpFade 0.5s ease-out forwards; } @keyframes slideUpFade { from { bottom: -100px; opacity: 0; } to { bottom: 5%; opacity: 1; } } #login-overlay #modal-close { position: absolute; top: 10px; right: 15px; font-size: 24px; cursor: pointer; color: #666; display: none; line-height: 1; } #login-overlay.logged-out-mode #modal-close { display: block; } #login-overlay h2 { color: #234c91; margin-bottom: 20px; font-size: 1.4rem; } #login-overlay.logged-out-mode h2 { font-size: 1.1rem; color: #d71919; margin-top: 10px; } #login-overlay .button-container { display: flex; gap: 10px; justify-content: center; } #login-overlay button { padding: 12px 20px; border: none; border-radius: 5px; color: #fff; cursor: pointer; font-weight: bold; flex: 1; } #login-overlay .btn-login { background-color: #234c91; } #login-overlay .btn-create { background-color: #25bcc0; } @media (max-width: 675px) { #login-overlay .button-container { flex-direction: column; } #login-overlay button { width: 100%; } } .login-tabs { display: none !important; } #onboarding-wrapper { clear: both; text-align: left; max-width: 450px; margin: 20px auto; color: #444; } .ob-section { display: none; } .ob-section.active { display: block; } .ob-choice { display: block; position: relative; padding: 12px 15px 12px 45px; margin-bottom: 8px; background: #f9f9f9; border: 1px solid #eee; border-radius: 8px; cursor: pointer; font-size: 15px; } .ob-choice input { position: absolute; opacity: 0; } .ob-check { position: absolute; top: 13px; left: 15px; height: 18px; width: 18px; background: #ddd; border-radius: 4px; } .ob-choice input:checked ~ .ob-check { background: #25bcc0; } .ob-msg { background: #fff4e5; color: #856404; padding: 10px; border-radius: 6px; font-size: 13px; margin-top: 10px; display: none; } .ob-error-inline { color: #d9534f; font-size: 13px; margin-bottom: 10px; font-weight: bold; display: none; } .ob-footer { display: flex; justify-content: space-between; margin-top: 25px; padding-top: 15px; border-top: 1px solid #eee; } .ob-btn { padding: 10px 20px; border-radius: 6px; border: none; cursor: pointer; font-weight: bold; transition: background 0.3s ease; } .ob-btn-next { background: #25bcc0; color: white; } .ob-btn-back { background: #f0f0f0; color: #666; } .ob-btn-loc-init { background: #d1d1d1; color: #666; } .ob-btn-loc-init.active-loc { background: #25bcc0; color: white; } .job-sub-panel { margin: 10px 0 10px 20px; padding-left: 15px; border-left: 2px solid #25bcc0; display: none; } .other-input-container { margin-top: 5px; margin-bottom: 15px; display: none; } .ob-input-text { width: 98%; padding: 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; outline: none; } .ob-input-text:focus { border-color: #25bcc0; } .active-loc { background: #25bcc0 !important; color: #fff !important; border-color: #25bcc0 !important; } .login-tabs { display: none !important; } #onboarding-wrapper { clear: both; text-align: left; max-width: 450px; margin: 20px auto; color: #444; } .ob-section { display: none; } .ob-section.active { display: block; } .ob-choice { display: block; position: relative; padding: 12px 15px 12px 45px; margin-bottom: 8px; background: #f9f9f9; border: 1px solid #eee; border-radius: 8px; cursor: pointer; font-size: 15px; } .ob-choice input { position: absolute; opacity: 0; } .ob-check { position: absolute; top: 13px; left: 15px; height: 18px; width: 18px; background: #ddd; border-radius: 4px; } .ob-choice input:checked ~ .ob-check { background: #25bcc0; } .ob-msg { background: #fff4e5; color: #856404; padding: 10px; border-radius: 6px; font-size: 13px; margin-top: 10px; display: none; } .ob-error-inline { color: #d9534f; font-size: 13px; margin-bottom: 10px; font-weight: bold; display: none; } .ob-footer { display: flex; justify-content: space-between; margin-top: 25px; padding-top: 15px; border-top: 1px solid #eee; } .ob-btn { padding: 10px 20px; border-radius: 6px; border: none; cursor: pointer; font-weight: bold; transition: background 0.3s ease; } .ob-btn-next { background: #25bcc0; color: white; } .ob-btn-back { background: #f0f0f0; color: #666; } .ob-btn-loc-init { background: #d1d1d1; color: #666; } .ob-btn-loc-init.active-loc { background: #25bcc0; color: white; } .job-sub-panel { margin: 10px 0 10px 20px; padding-left: 15px; border-left: 2px solid #25bcc0; display: none; } .other-input-container { margin-top: 5px; margin-bottom: 15px; display: none; } .ob-input-text { width: 98%; padding: 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; outline: none; } .ob-input-text:focus { border-color: #25bcc0; } .active-loc { background: #25bcc0 !important; color: #fff !important; border-color: #25bcc0 !important; }