/* Running Squiz Matrix Developed by Squiz - http://www.squiz.net Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 25 January 2018 17:18:46 */ @charset "utf-8"; /* CSS Document */ /* -------------------------- Cascading Style Sheets -------------------------- */ /*@import url(https://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic);*/ /* ========================================================================== HTML > BODY SCREEN STYLES WRAPPERS SECTIONS LAYOUT OTHER FORMS CUSTOM ALERTS BACK TO TOP ACCORDION CUSTOM FONTS FONT AWESOME FANCYBOX JCAROUSEL JQUERY UI - DATEPICKER MENU MOBILE ========================================================================== */ /* ========================================================================== HTML > BODY ========================================================================== */ html, body { margin: 0; padding: 0; min-height: 100%; } /*html *, body * {max-height:9999999999px;}*/ /*.wf-active body,*/ body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #333; /*overflow: auto;*/ /*overflow: -moz-scrollbars-vertical;*/ /*-webkit-overflow-scrolling: touch;*/ overflow-x: hidden; overflow-y: auto; background: #FFF; width: 100%; } html.mobile_active {/*overflow:hidden;*/} body.mobile_active {/*display:block;width:100%;height:100%;position:fixed;*/overflow:hidden;} /* ========================================================================== SCREEN STYLES ========================================================================== */ /*====Font Classes====*/ h1, .h1, h1 a, .h1 a {color:#333;font-size:28px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:140%;} h1 a, .h1 a {color:#003767;} h2, .h2, h2 a, .h2 a {color:#003767;font-size:24px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:140%;} h2 a, .h2 a {color:#003767;} h3, .h3, h3 a, .h3 a {color:#333;font-size:20px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:140%;} h3 a, .h3 a {color:#003767;} h3 strong, .h3 strong {font-weight:normal;} h4, .h4, h4 a, .h4 a {color:#333;font-size:18px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:140%;} h4 a, .h4 a {color:#003767;} h5, .h5, h5 a, .h5 a {color:#333;font-size:14px;font-weight:bold;margin:0 0 15px;padding:0;text-decoration:none;line-height:140%;} h5 a, .h5 a {color:#003767;} h6, .h6, h6 a, .h6 a {color:#333;font-size:14px;font-weight:bold;margin:0 0 15px;padding:0;text-decoration:none;line-height:140%;} h6 a, .h6 a {color:#003767;} p, .p {color:#333;font-size:14px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:140%;max-height:9999999999px;} /*====Custom Font Classes====*/ /*.lato {font-family:'Lato', sans-serif !important;}*/ .akhand-semibold {font-family:'Akhand-Semibold', sans-serif !important;} .akhand-semilight {font-family:'Akhand-Semilight', sans-serif !important;} .hurmegeometricsans4-light {font-family:'HurmeGeometricSans4-Light', sans-serif !important;} .hurmegeometricsans4-semibold {font-family:'HurmeGeometricSans4-SemiBold', sans-serif !important;} /*====Link Classes====*/ a {color:#003767;text-decoration:none;} a:hover {color:#003767;text-decoration:none;} #section a {color:#003767;text-decoration:none;border-bottom:1px solid #B5CFE6; /* Transition */ -webkit-transition: 0.10s; -moz-transition: 0.10s; -ms-transition: 0.10s; -o-transition: 0.10s; transition: 0.10s; } #section a:hover {color:#003767;text-decoration:none;border-bottom:2px solid #003767;} /*hover effect*/ /*a img, a img:hover {border:none;cursor:pointer;} a img:hover {filter:alpha(opacity=70);opacity:0.70;-moz-opacity:0.70;-khtml-opacity:0.70;}*/ /*====Tables====*/ table {display:table !important;height:auto !important;margin:0 0 15px;} #events_right table {margin:0;} #rightinfo > #pageinfo table {width:100%;} th {padding:10px;background:#FFF;border-bottom:1px solid #003767;color:#003767;text-transform:uppercase;font-weight:bold;line-height:140%;} tr.blue th {background:#003767;color:#FFF;} tr:nth-child(odd), tr.odd, tr.odd th {background:#e5e5e5;} tr:nth-child(even), tr.even,tr.even th {background:#f5f5f5;} td {padding:15px;line-height:140%;} th, td {vertical-align:top;} th p:last-child, td p:last-child {margin:0px;} /*====List Classes====*/ ul {display:block;margin:0px 0px 15px 20px;padding:0px;text-decoration:none;list-style:disc outside none;} ol {display:block;margin:0px 0px 15px 20px;padding:0px;text-decoration:none;background:none;} ul ul, ol ol, ul ul ul, ol ol ol {margin:10px 0px 10px 0px;} ul ol, ol ul, ul ol ul, ol ul ol {margin:10px 0px 10px 0px;} li {color:#333;font-size:14px;line-height:140%;background:none;margin:0px 0px 10px 18px;padding:0px 0px 0px 0px;} ul.multiple li, li.multiple {float:left;width:40%;padding:0 5% 0 0;} .form-list-styles ul li {display:inline;} /* list style types */ ul ul {list-style:outside none circle;} ol ol {list-style:outside none lower-alpha;} /*ol li ul li {padding:0 0 0 13px;}*/ ul.disc {list-style-type:disc;} ul.circle {list-style-type:circle;} ul.square {list-style-type:square;} ul.lower-roman {list-style-type:lower-roman;} ul.upper-roman {list-style-type:upper-roman;} ul.lower-alpha {list-style-type:lower-alpha;} ul.upper-alpha {list-style-type:upper-alpha;} /*====Font Size Classes====*/ .fs8 {font-size:8px !important;} .fs9 {font-size:9px !important;} .fs10 {font-size:10px !important;} .fs11 {font-size:11px !important;} .fs12 {font-size:12px !important;} .fs13 {font-size:13px !important;} .fs14 {font-size:14px !important;} .fs15 {font-size:15px !important;} .fs16 {font-size:16px !important;} .fs17 {font-size:17px !important;} .fs18 {font-size:18px !important;} .fs19 {font-size:19px !important;} .fs20 {font-size:20px !important;} .fs21 {font-size:21px !important;} .fs22 {font-size:22px !important;} .fs23 {font-size:23px !important;} .fs24 {font-size:24px !important;} .fs25 {font-size:25px !important;} .fs26 {font-size:26px !important;} .fs27 {font-size:27px !important;} .fs28 {font-size:28px !important;} .fs29 {font-size:29px !important;} .fs30 {font-size:30px !important;} .fs31 {font-size:31px !important;} .fs32 {font-size:32px !important;} .fs33 {font-size:33px !important;} .fs34 {font-size:34px !important;} .fs35 {font-size:35px !important;} .fs36 {font-size:36px !important;} .fs37 {font-size:37px !important;} .fs38 {font-size:38px !important;} .fs39 {font-size:39px !important;} .fs40 {font-size:40px !important;} .fs41 {font-size:41px !important;} .fs42 {font-size:42px !important;} .fs43 {font-size:43px !important;} .fs44 {font-size:44px !important;} .fs45 {font-size:45px !important;} .fs46 {font-size:46px !important;} .fs47 {font-size:47px !important;} .fs48 {font-size:48px !important;} .fs49 {font-size:49px !important;} .fs50 {font-size:50px !important;} .fs51 {font-size:51px !important;} .fs52 {font-size:52px !important;} /*====Line Height====*/ .lineh100 {line-height:100% !important;} .lineh105 {line-height:105% !important;} .lineh110 {line-height:110% !important;} .lineh115 {line-height:115% !important;} .lineh120 {line-height:120% !important;} .lineh125 {line-height:125% !important;} .lineh130 {line-height:130% !important;} .lineh135 {line-height:135% !important;} .lineh140 {line-height:140% !important;} .lineh145 {line-height:145% !important;} .lineh150 {line-height:150% !important;} .lineh155 {line-height:155% !important;} .lineh160 {line-height:160% !important;} .lineh165 {line-height:165% !important;} .lineh170 {line-height:170% !important;} .lineh175 {line-height:175% !important;} .lineh180 {line-height:180% !important;} .lineh185 {line-height:185% !important;} .lineh190 {line-height:190% !important;} .lineh195 {line-height:195% !important;} .lineh200 {line-height:200% !important;} /*====Color Classes====*/ .black {color:#000000 !important;} .white {color:#FFFFFF !important;} .red {color:#FF0000 !important;} .orange {color:#f3901d !important} .green {color:#27828a !important;} .blue {color:#003767 !important;} /*fonts*/ .font-2F8AC5 {color:#2F8AC5 !important;} .font-79BDE8 {color:#79BDE8 !important;} .font-E9979B {color:#E9979B !important;} .font-F3901D {color:#F3901D !important;} .font-FFD478 {color:#FFD478 !important;} .font-D9DA55 {color:#D9DA55 !important;} .font-A3A510 {color:#A3A510 !important;} .font-79BDE8 {color:#79BDE8 !important;} .font-38939B {color:#38939B !important;} /*backgrounds*/ .bg-2F8AC5 {background-color:#2F8AC5 !important;} .bg-79BDE8 {background-color:#79BDE8 !important;} .bg-E9979B {background-color:#E9979B !important;} .bg-F3901D {background-color:#F3901D !important;} .bg-FFD478 {background-color:#FFD478 !important;} .bg-D9DA55 {background-color:#D9DA55 !important;} .bg-A3A510 {background-color:#A3A510 !important;} .bg-79BDE8 {background-color:#79BDE8 !important;} .bg-38939B {background-color:#38939B !important;} /*====Misc Classes====*/ p:empty, #fullcol > [id*="div_"]:empty, #fullcol > [id*="container_"]:empty, #fullcol > [id*="sq_"]:empty, #fullcol > [id*="form_"]:empty, #fullcol > .default:empty, #fullcol > .section:empty, #fullcol > .leftonly:empty {display:none !important;border:0px none !important;width:0px !important;height:0px !important;margin:0px !important;padding:0px !important;} a:empty, a.anchoronly {border:0px none !important;width:0px !important;height:0px !important;margin:0px !important;padding:0px !important;} a[name*=letter_] {border:0px none !important;} img {border:0px;} a img {border:0px !important; /* Box Shadow - CSS SCREEN FIX */ -webkit-box-shadow: 0 5px 0 0 #FFF; -moz-box-shadow: 0 5px 0 0 #FFF; -ms-box-shadow: 0 5px 0 0 #FFF; -o-box-shadow: 0 5px 0 0 #FFF; box-shadow: 0 5px 0 0 #FFF; } .noborder {border:0px none !important; /* Box Shadow - CSS SCREEN FIX */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .bordertop {border-top:1px solid #c2c2c2 !important;} .borderright {border-right:1px solid #c2c2c2 !important;} .borderbottom {border-bottom:1px solid #c2c2c2 !important;} .borderleft {border-left:1px solid #c2c2c2 !important;} .nobg {background:none !important;} .none, .None, .hide, .Hide, #noscript.flash {display:none !important;visibility:hidden !important;} .imgleft {float:left !important;margin:0px 20px 20px 0px !important;} .imgright {float:right !important;margin:0px 0px 20px 20px !important;} .left {float:left !important;} .right {float:right !important;} .clearleft {clear:left !important;} .clearright {clear:right !important;} .clearboth {clear:both !important;} .clearnone {clear:none !important;} .uppercase {text-transform:uppercase !important;} .lowercase {text-transform:lowercase !important;} .capitalize {text-transform:capitalize !important;} .bold, .strong {font-weight:bold !important;} .italic {font-style:italic !important;} .normal {font-weight:normal !important;font-style:normal !important;} .relative {position:relative !important;} .absolute {position:absolute !important;} .fixed {position:fixed !important;} .static {position:static !important;} .inline {display:inline !important;} .block {display:block !important;} .inlineblock, .inline-block {display:inline-block !important;} .widthauto {width:auto !important;} .heightauto {height:auto !important;} .marginauto {margin:0 auto !important;} .textleft {text-align:left !important;} .textright {text-align:right !important} .textcenter {text-align:center !important} .overflowhidden {overflow:hidden !important;} .overflowauto {overflow:auto !important;} .noicon, .no-icon {background:none !important;padding-right:0;} /*widths*/ .width0 {width:0% !important;} .width10 {width:10% !important;} .width15 {width:15% !important;} .width20 {width:20% !important;} .width25 {width:25% !important;} .width30 {width:30% !important;} .width35 {width:35% !important;} .width40 {width:40% !important;} .width45 {width:45% !important;} .width50 {width:50% !important;} .width55 {width:55% !important;} .width60 {width:60% !important;} .width65 {width:65% !important;} .width70 {width:70% !important;} .width75 {width:75% !important;} .width80 {width:80% !important;} .width85 {width:85% !important;} .width90 {width:90% !important;} .width95 {width:95% !important;} .width100 {width:100% !important;} .max500 {max-width:500px !important;} /*margin*/ .margin0 {margin:0px !important;} .margin5 {margin:5px !important;} .margin10 {margin:10px !important;} .margin15 {margin:15px !important;} .margin20 {margin:20px !important;} .margin25 {margin:25px !important;} .margin30 {margin:30px !important;} .margin35 {margin:25px !important;} .margin40 {margin:40px !important;} .margin45 {margin:45px !important;} .margin50 {margin:50px !important;} .margin55 {margin:55px !important;} /*top*/ .mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;} .mt50 {margin-top:50px !important;} .mt55 {margin-top:55px !important;} /*right*/ .mr0 {margin-right:0px !important;} .mr5 {margin-right:5px !important;} .mr10 {margin-right:10px !important;} .mr15 {margin-right:15px !important;} .mr20 {margin-right:20px !important;} .mr25 {margin-right:25px !important;} .mr30 {margin-right:30px !important;} .mr35 {margin-right:35px !important;} .mr40 {margin-right:40px !important;} .mr45 {margin-right:45px !important;} .mr50 {margin-right:50px !important;} .mr55 {margin-right:55px !important;} /*bottom*/ .mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;} .mb30 {margin-bottom:30px !important;} .mb35 {margin-bottom:35px !important;} .mb40 {margin-bottom:40px !important;} .mb45 {margin-bottom:45px !important;} .mb50 {margin-bottom:50px !important;} .mb55 {margin-bottom:55px !important;} /*left*/ .ml0 {margin-left:0px !important;} .ml5 {margin-left:5px !important;} .ml10 {margin-left:10px !important;} .ml15 {margin-left:15px !important;} .ml20 {margin-left:20px !important;} .ml25 {margin-left:25px !important;} .ml30 {margin-left:30px !important;} .ml35 {margin-left:35px !important;} .ml40 {margin-left:40px !important;} .ml45 {margin-left:45px !important;} .ml50 {margin-left:50px !important;} .ml55 {margin-left:55px !important;} /*padding*/ .padding0 {padding:0px !important;} .padding5 {padding:5px !important;} .padding10 {padding:10px !important;} .padding15 {padding:15px !important;} .padding20 {padding:20px !important;} .padding25 {padding:25px !important;} .padding30 {padding:30px !important;} .padding35 {padding:25px !important;} .padding40 {padding:40px !important;} .padding45 {padding:45px !important;} .padding50 {padding:50px !important;} .padding55 {padding:55px !important;} /*top*/ .pt0 {padding-top:0px !important;} .pt5 {padding-top:5px !important;} .pt10 {padding-top:10px !important;} .pt15 {padding-top:15px !important;} .pt20 {padding-top:20px !important;} .pt25 {padding-top:25px !important;} .pt30 {padding-top:30px !important;} .pt35 {padding-top:35px !important;} .pt40 {padding-top:40px !important;} .pt45 {padding-top:45px !important;} .pt50 {padding-top:50px !important;} .pt55 {padding-top:55px !important;} /*right*/ .pr0 {padding-right:0px !important;} .pr5 {padding-right:5px !important;} .pr10 {padding-right:10px !important;} .pr15 {padding-right:15px !important;} .pr20 {padding-right:20px !important;} .pr25 {padding-right:25px !important;} .pr30 {padding-right:30px !important;} .pr35 {padding-right:35px !important;} .pr40 {padding-right:40px !important;} .pr45 {padding-right:45px !important;} .pr50 {padding-right:50px !important;} .pr55 {padding-right:55px !important;} /*bottom*/ .pb0 {padding-bottom:0px !important;} .pb5 {padding-bottom:5px !important;} .pb10 {padding-bottom:10px !important;} .pb15 {padding-bottom:15px !important;} .pb20 {padding-bottom:20px !important;} .pb25 {padding-bottom:25px !important;} .pb30 {padding-bottom:30px !important;} .pb35 {padding-bottom:35px !important;} .pb40 {padding-bottom:40px !important;} .pb45 {padding-bottom:45px !important;} .pb50 {padding-bottom:50px !important;} .pb55 {padding-bottom:55px !important;} /*left*/ .pl0 {padding-left:0px !important;} .pl5 {padding-left:5px !important;} .pl10 {padding-left:10px !important;} .pl15 {padding-left:15px !important;} .pl20 {padding-left:20px !important;} .pl25 {padding-left:25px !important;} .pl30 {padding-left:30px !important;} .pl35 {padding-left:35px !important;} .pl40 {padding-left:40px !important;} .pl45 {padding-left:45px !important;} .pl50 {padding-left:50px !important;} .pl55 {padding-left:55px !important;} /*========Other========*/ /* Custom - Libraries Feedback Form */ .reContentArea {min-height:78px !important; width: -moz-calc(100% - 2px) !important; width: -webkit-calc(100% - 2px) !important; width: calc(100% - 2px) !important; margin: 0 0 0 -2px !important } .hr, .hr-small {display:block;width:100% !important;height:1px !important;margin:30px 0 30px 0 !important;padding:0;border-bottom:1px solid #c2c2c2;float:left;clear:both;/*background:url(..images/hr.png) left top scroll repeat-x transparent;*/} .hr-small {/*background:url(..images/hr-small.png) left top no-repeat;*/} hr {display:block;width:100% !important;height:1px;margin:0 0 15px;padding:0;border:0;float:left;clear:both;} sup, sub {font-size:0.75em;} .wordwrap { width: 300px; height:18px; white-space: nowrap; word-wrap: break-word; /* for IE, Firefox since 3.5 and Opera since 10.5 */ overflow: hidden; /* required for text-overflow */ text-overflow: ellipsis; /* for IE and WebKit (Safari, Chrome) */ -o-text-overflow: ellipsis; /* for Opera since 9.0 */ } .search-results {padding-bottom:20px;} .agendasdate h2, .agendasdate .h2 { filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Lightbox*/ #lightbox, #ibox {z-index:99999;} #overlay, #ibox_w {z-index:9999;} /*Text Shadows*/ /*.{text-shadow:#FFFFFF 1px 1px 1px;filter:Shadow(Color=#FFFFFF,Direction=135,Strength=1);}*/ /*====Transparency Effect====*/ /*a#logo:hover, #search input.search-btn:hover, #social a:hover, #menu ul li a:hover, #rightSub ul li a:hover {filter:alpha(opacity=70);opacity:0.70;-moz-opacity:0.70;-khtml-opacity:0.70;}*/ /*====Extra Non-CMS compatible styles====*/ /*a[href^="/"]:after { content: " (http://www.website.com.au" attr(href) ") "; }*/ /* --------- //Collapsible lists// */ .treeopen, [class*="treenode"] { list-style: none none; margin: 0 0 10px 0px !important; padding: 0 0 0 15px !important; } [class*="treenode"] { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/144241/icon-expand.gif?v=0.2.1) #fff no-repeat left 5px; } .treeopen { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0015/144240/icon-collapse.gif?v=0.2.1) #fff no-repeat left 5px; } .treeopen > a { border-bottom: 2px solid #003767 !important; } [class*="treenode"] > ul { display: none; } /* --------- //End of Collapsible lists// */ /* Pagination */ ul.pagination { display: none; clear: both; float: left; height: auto; margin: 0 0 50px !important; padding: 0; width: 100%; } ul.pagination li { display: block; float: left; list-style: outside none none; margin: 0 0 10px !important; padding: 0; position: relative; z-index: 9; } ul.pagination li.pag-current, ul.pagination li.pag-number { display: inline-block; margin: 0; padding: 5px 10px; z-index: 8; } ul.pagination li.pag-prev { margin: 0 10px 10px 0 !important; } ul.pagination li.result_count { display: block; width: -moz-calc(100% - 230px); width: -webkit-calc(100% - 230px); width: calc(100% - 230px); margin: 0 0 10px; padding: 5px 115px !important; position: absolute; float: none; clear: none; font-size: 15px; text-align: center; z-index: 7; } ul.pagination li.result_count > a {margin:0 5px;} ul.pagination li.result_count > b, ul.pagination li.result_count > strong {margin:0 5px;font-size:18px;} ul.pagination li.pag-next { margin: 0 0 10px 10px !important; float: right; } ul.pagination li.pag-number { word-spacing: 20px; } ul.pagination li.pag-next a, ul.pagination li.pag-prev a { background: #003767 none repeat scroll 0 0; border: 1px solid #003767 !important; color: #FFF !important; display: block; width: 85px; float: left; margin: 0; padding: 5px 10px; text-decoration: none; transition: all 0.5s ease 0s; text-align: center; } ul.pagination li.pag-next a:hover, ul.pagination li.pag-prev a:hover { background-color: #FFF; border: 1px solid #003767 !important; color: #003767 !important; } /* Job Vacancies */ /*#second-column-textbox { display: none; width: 100%; margin: 0 0 25px !important; padding: 0; position: relative; float: left; clear: both; overflow: hidden; background: none; } #second-column-textbox .OnRightSide { display: block; width: 100%; margin: 0; padding: 0; position: relative; float: left; clear: both; overflow: hidden; background: none; } #second-column-textbox .OnRightSide > span { display: block; width: 100%; margin: 0; padding: 0; position: relative; float: left; clear: both; overflow: hidden; background: none; } #second-column-textbox .OnRightSide > span > span:nth-child(1) { display: block; width: 25%; margin: 0 0 5px; padding: 0; position: relative; float: left; clear: none; overflow: hidden; background: none; } #second-column-textbox .OnRightSide > span > span:nth-child(2) { display: block; width: 75%; margin: 0 0 5px; padding: 0; position: relative; float: left; clear: none; overflow: hidden; background: none; } #second-column-textbox .OnRightSide > span > span:empty { display: none !important; } #second-column-textbox .OnRightSide:last-child, #second-column-textbox .info_message:last-child { margin: 0 !important; }*/ /* Google Maps */ .map_area_location {display:block;width:100%;height:auto;float:left;clear:both;position:relative;margin:0 auto !important;padding:0;overflow:hidden;max-height:0px; /* Transition */ } .map_area_location.map_active { display: none; max-height: none; } /* ========================================================================== WRAPPERS ========================================================================== */ /* Wrappers & Containers */ .body { display: block; width: 100%; min-height: 100%; margin: 0; padding: 0; position: absolute; position: relative; /* Squiz Matrix 5.4.2.0 CMS iFrame - FIX */ top: 0; left: 0; background: none; float: none; clear: none; overflow: hidden; } .wrapper { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: none; clear: both; } .container { display: block; width: 100%; max-width: 1012px; height: inherit; margin: 0 auto; padding: 0; float: none; clear: both; position: relative; } .info { display: block; width: 100%; height: auto; margin: 0; padding: 10px 0; float: none; clear: both; } /* ========================================================================== SECTIONS ========================================================================== */ #nojserror { display: block; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); height: auto; margin: 0 auto; padding: 30px 10px 30px 10px; float: none; clear: none; position: relative; background: none; } body.home_page #nojserror { padding: 0px 10px 30px 10px; } #browserError { display: none; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); height: auto; margin: 0 auto; padding: 10px 10px 10px 10px; float: none; clear: none; position: fixed; bottom: 0; left: 0; background: #ffb1b1; z-index: 999999; } #browserError p { width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); margin: 0 50px 0 0; } #browserError a { display: block; width: auto; height: auto; margin: 0; padding: 4px 8px; float: right; clear: none; font-size: 20px; line-height: 100%; color: #333; background: #FFE6E6; text-align: center; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #browserError a:hover {color:#000;background:#FBCFCF;} /* Header */ header { display: block; width: 100%; height: 282px; margin: 0 auto; padding: 0; float: left; clear: both; position: relative; /*overflow: hidden;*/ background: #FFF; z-index: 999; } header.menu_show {z-index:999999;} #header { display: block; width: 100%; height: 64px; margin: 0; padding: 0; float: left; clear: both; position: fixed; top: 0; left: 0; /*overflow: hidden;*/ background: #003767; z-index: 9999; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #header:before { display: block; width: 100%; height: 2px; content: ""; position: absolute; bottom: -2px; left: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142178/header.png?v=0.3.2) center bottom scroll repeat-x transparent; z-index: 9999; } /* Section*/ section { display: block; width: 100%; height: 100%; margin: 0 auto; padding: 0 0 280px/*360px*/; float: none; clear: both; position: relative; /*overflow: hidden;*/ background: none/*url(mysource_files/section.png) center top scroll repeat-x transparent*/; } #section { display: block; width: 100%; height: auto; min-height: 200px; margin: 0; padding: 0px 0 20px; float: left; clear: both; position: relative; /*overflow: hidden;*/ background: none; } /* Footer */ footer { display: block; width: 100%; height: 280px/*360px*/; margin: 0 auto; padding: 0; float: none; clear: both; position: absolute; left: 0; bottom: 0; background: #003767; } #footer { display: block; width: 100%; height: 280px/*360px*/; margin: 0; padding: 0/* 0 40px*/; float: left; clear: both; position: relative; background: none; overflow: hidden; } /* ========================================================================== LAYOUT ========================================================================== */ /*---------- Content Section Layouts ----------*/ /* Default: 2 column layout */ #fullcol > [id*="div_"], #fullcol > [id*="container_"], #fullcol > [id*="sq_"], #fullcol > [id*="form_"], #fullcol > .default, #fullcol > .leftonly, #rightinfo > [id*="div_"], #rightinfo > [id*="container_"], #pageinfo > [id*="div_"], #pageinfo > [id*="container_"] { display: block; width: 75%; height: auto; margin: 0 0 30px; padding: 0 0 15px; float: right; clear: none; position: relative; border-bottom: 1px solid #c2c2c2; } #rightinfo > [id*="div_"], #rightinfo > [id*="container_"], #pageinfo > [id*="div_"], #pageinfo > [id*="container_"] {width:100%;float:left;clear:both;} #pageinfo > [id*="div_"].section, #pageinfo > [id*="container_"].section {width:147%;float:left;clear:both;} #rightinfo > [class*="info_message"], #pageinfo > [class*="info_message"] { width: -moz-calc(100% - 70px) !important; width: -webkit-calc(100% - 70px) !important; width: calc(100% - 70px) !important; float:left;clear:both; } #rightinfo > [class*="info_message"].section, #pageinfo > [class*="info_message"].section { width: -moz-calc(147% - 70px) !important; width: -webkit-calc(147% - 70px) !important; width: calc(147% - 70px) !important; float:left;clear:both; } #portal_left > [id*="div_"], #portal_left > [id*="container_"], #portal_left > [id*="sq_"], #portal_left > [id*="form_"], #portal_left > .default, #portal_left > .leftonly, #rightinfo > [id*="div_"], #rightinfo > [id*="container_"], #rightinfo > [id*="sq_"], #rightinfo > [id*="form_"], #rightinfo > .default, #rightinfo > .leftonly { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0 0 15px; float: left; clear: both; position: relative; border-bottom: 1px solid #c2c2c2; } #fullcol > [id*="div_"] > *, #fullcol > [id*="container_"] > *, #fullcol > [id*="sq_"] > *, #fullcol > .default > *, #portal_left > [id*="div_"] > *, #portal_left > [id*="container_"] > *, #portal_left > [id*="sq_"] > *, #portal_left > .default > *, #rightinfo > [id*="div_"] > *, #rightinfo > [id*="container_"] > *, #rightinfo > [id*="sq_"] > *, #rightinfo > .default > * { /*display: block;*/ width: 70%; height: auto; margin: 0 0 15px; padding: 0; float: none; clear: none; /*position: relative;*/ } #fullcol > [id*="div_"] ul li, #fullcol > [id*="container_"] ul li, #fullcol > [id*="sq_"] ul li, #fullcol > [id*="form_"] ul li, #fullcol > .default ul li, #portal_left > [id*="div_"] ul li, #portal_left > [id*="container_"] ul li, #portal_left > [id*="sq_"] ul li, #portal_left > [id*="form_"] ul li, #portal_left > .default ul li/*, #rightinfo > [id*="div_"] ul li, #rightinfo > [id*="container_"] ul li, #rightinfo > [id*="sq_"] ul li, #rightinfo > [id*="form_"] ul li, #rightinfo > .default ul li*/ {margin:0 0 10px 18px;} #fullcol > [id*="div_"] img, #fullcol > [id*="container_"] img, #fullcol > [id*="sq_"] img, #fullcol > [id*="form_"] img, #fullcol > .default img, #portal_left > [id*="div_"] img, #portal_left > [id*="container_"] img, #portal_left > [id*="sq_"] img, #portal_left > [id*="form_"] img, #portal_left > .default img, #rightinfo > #pageinfo [id*="div_"] img, #rightinfo > #pageinfo [id*="container_"] img, #rightinfo > [id*="div_"] img, #rightinfo > [id*="container_"] img, #rightinfo > [id*="sq_"] img, #rightinfo > [id*="form_"] img, #rightinfo > .default img {width:auto;max-width:100%;height:auto;} #fullcol > [id*="div_"] h2, #fullcol > [id*="container_"] h2, #fullcol > [id*="sq_"] h2, #fullcol > .default h2, #portal_left > [id*="div_"] h2, #portal_left > [id*="container_"] h2, #portal_left > [id*="sq_"] h2, #portal_left > .default h2, #rightinfo > [id*="div_"] h2, #rightinfo > [id*="container_"] h2, #rightinfo > [id*="sq_"] h2, #rightinfo > .default h2 { /*display: block; width: 25%; height: 100%; margin: 0 5% 15px 0; margin: 0 5% 15px 0; padding: 0; float: left; clear: left; position: relative;*/ } #portal_left > [id*="div_"] h2, #portal_left > [id*="container_"] h2, #portal_left > [id*="sq_"] h2, #portal_left > [id*="form_"] h2, #portal_left > .default h2 {color:#333;} /* Overwrite: 1 column layout */ #fullcol > .fullwidth, #portal_left > .fullwidth, #rightinfo > .fullwidth { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0 0 15px; float: left; clear: both; position: relative; border-bottom: 1px solid #c2c2c2; } #fullcol > .section, #portal_left > .section { display: block; width: 75%; height: auto; margin: 0 0 30px; padding: 0 0 15px; float: right; clear: none; position: relative; border-bottom: 1px solid #c2c2c2; } #portal_left > .section {width:100%;} #rightinfo > .section > *, #fullcol > .section > * { /*display: block;*/ width: 100%; height: auto; margin: 0 0 15px 0%; padding: 0; float: none; clear: none; /*position: relative;*/ } #fullcol > .section ul li {margin:0 0 10px 18px;} #fullcol > .section img {width:auto;max-width:100%;height:auto;} #fullcol > .section.leftonly h2, #portal_left > .section.leftonly h1, #portal_left > .section.leftonly h2, #rightinfo > .section.leftonly h1, #rightinfo > .section.leftonly h2 { /*display: block; width: 70%; height: auto; margin: 0 30% 15px 0; padding: 0; float: none; clear: none; position: relative;*/ } /* Section + FullWidth */ #fullcol > .section.fullwidth, #portal_left > .section.fullwidth, #rightinfo > .section.fullwidth { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0 0 15px; float: left; clear: both; position: relative; border-bottom: 1px solid #c2c2c2; } #fullcol > .section h2, #portal_left > .section h1, #portal_left > .section h2, #fullcol > [id*="div_"].section.fullwidth > *, #fullcol > [id*="container_"].section.fullwidth > *, #fullcol > [id*="sq_"].section.fullwidth > *, #fullcol > .section.fullwidth > *, #fullcol > .leftonly.fullwidth > *, #fullcol > [id*="form_"] > *, #portal_left > [id*="div_"].section.fullwidth > *, #portal_left > [id*="container_"].section.fullwidth > *, #portal_left > [id*="sq_"].section.fullwidth > *, #portal_left > .section.fullwidth > *, #portal_left > .leftonly.fullwidth > *, #rightinfo > [id*="div_"].section.fullwidth > *, #rightinfo > [id*="container_"].section.fullwidth > *, #rightinfo > [id*="sq_"].section.fullwidth > *, #rightinfo > .section.fullwidth > *, #rightinfo > .leftonly.fullwidth > * { /*display: block;*/ width: 100%; height: auto; margin: 0 0 15px 0%; padding: 0; float: none; clear: none; /*position: relative;*/ } #fullcol > [id*="div_"].section.fullwidth h2, #fullcol > [id*="container_"].section.fullwidth h2, #fullcol > [id*="sq_"].section.fullwidth h2, #fullcol > .section.fullwidth h2, #fullcol > .leftonly.fullwidth h2, #fullcol > [id*="form_"] h2, #portal_left > [id*="div_"].section.fullwidth h2, #portal_left > [id*="container_"].section.fullwidth h2, #portal_left > [id*="sq_"].section.fullwidth h2, #portal_left > .section.fullwidth h2, #portal_left > .leftonly.fullwidth h2, #rightinfo > [id*="div_"].section.fullwidth h2, #rightinfo > [id*="container_"].section.fullwidth h2, #rightinfo > [id*="sq_"].section.fullwidth h2, #rightinfo > .section.fullwidth h2, #rightinfo > .leftonly.fullwidth h2 { /*display: block;*/ width: 100%; height: 100%; margin: 0 0% 15px 0; padding: 0; float: none; clear: both; /*position: relative;*/ } /* Column: Left Only */ #fullcol > .leftonly > *, #portal_left > .leftonly > *, #rightinfo > .leftonly > * { /*display: block;*/ width: 70%; height: auto; margin: 0 30% 15px 0%; padding: 0; float: none; clear: none; /*position: relative;*/ } #fullcol > .leftonly ul li, #portal_left > .leftonly ul li, #rightinfo > .leftonly ul li {margin:0 0 10px 18px;} #fullcol > .leftonly img, #portal_left > .leftonly img, #rightinfo > .leftonly img {width:auto;max-width:100%;height:auto;} #fullcol > .leftonly h2, #portal_left > .leftonly h2, #rightinfo > .leftonly h2 { /*display: block; width: 25%; height: 100%; margin: 0 0 0 5%; padding: 0; float: right; clear: right; position: relative;*/ } /* Map: 1 column layout */ #fullcol #map { display: block; width: 100% !important; height: auto; margin: 0 0 15px 0%; padding: 0; float: left; clear: both; position: relative; border: 0px none !important; } #fullcol #map .section, #fullcol #map .fullwidth, #fullcol #map > , #fullcol #map [id*="div_"], #fullcol #map [id*="container_"], #fullcol #map [id*="sq_"], #fullcol #map-canvas > , #fullcol #map-canvas [id*="div_"], #fullcol #map-canvas [id*="container_"], #fullcol #map-canvas [id*="sq_"], #fullcol #map .default { display: block; width: 100%; height: auto; margin: 0 0 0px; padding: 0 0 0px; float: left; clear: both; position: relative; border: 0px none; } #fullcol #map > * { display: block; width: 100%; height: auto; margin: 0 0 15px 0% !important; padding: 0; float: none; clear: none; position: relative; } #fullcol #map table {width:100%;margin:0 0 15px 0%;} /*#fullcol #map a {border:0px none !important;}*/ #fullcol #map img {max-width:none !important;/*text-decoration:none !important;border:0px none !important;*/} /*#fullcol #map a img {text-decoration:none !important;border:0px none !important;} #fullcol #map a:hover img, #fullcol #map a img:hover, #fullcol #map a:hover img:hover {text-decoration:none !important;border:0px none !important;}*/ /* no border for last element */ #fullcol > [id*="div_"]:last-child, #fullcol > [id*="container_"]:last-child, #fullcol > [id*="sq_"]:last-child, #fullcol > [id*="form_"]:last-child, #fullcol > .default:last-child, #fullcol > .section:last-child, #fullcol > .leftonly:last-child, #fullcol > [id*="div_"].last, #fullcol > [id*="container_"].last, #fullcol > [id*="sq_"].last, #fullcol > [id*="form_"].last, #fullcol > .default.last, #fullcol > .section.last, #fullcol > .leftonly.last {border:0px none !important;} #pageinfo [id*="div_"]:last-child, #pageinfo [id*="container_"]:last-child, #rightinfo > [id*="div_"]:last-child, #rightinfo > [id*="container_"]:last-child, #rightinfo > [id*="sq_"]:last-child, #rightinfo > [id*="form_"]:last-child, #rightinfo > .default:last-child, #rightinfo > .leftonly:last-child, #pageinfo [id*="div_"].last, #pageinfo [id*="container_"].last, #rightinfo > [id*="div_"].last, #rightinfo > [id*="container_"].last, #rightinfo > [id*="sq_"].last, #rightinfo > [id*="form_"].last, #rightinfo > .default.last, #rightinfo > .leftonly.last {margin:0;border:0px none;} /** Maps **/ #map_canvas h2:first-child, #map_canvas h3:first-child { /*min-height: 30px; margin: 0 0 15px;*/ } #map_area { display: block; width: 100%; height: auto; margin: 0 -1000% 30px; padding: 30px 1000%; float: left !important; clear: both; position: relative; background: transparent/*#FFF*/; font-family: Arial, Verdana, Helvetica, sans-serif; } #pageinfo #map_area {width:196%;margin:0 -1000% 30px -1049%;} #pageinfo #map_area.section {width:147%;margin:0 -1000% 30px -1000%;} #map {min-height:400px !important;} #map_area h2, #map_area h3 { display: block; width: -moz-calc(100% - 34px); width: -webkit-calc(100% - 34px); width: calc(100% - 34px); /*min-width: 24px;*/ min-height: 29px; margin: 0 auto 15px; padding: 5px 0 0 34px; float: none; clear: both; position: relative; border: 0px none; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/142773/map_area.png?v=0.3.1) left top scroll no-repeat transparent; text-decoration: none; font-size: 24px; line-height: 100%; font-weight: normal; color: #003767; text-transform: none; font-family: Arial, Verdana, Helvetica, sans-serif; } #map_area h2 a, #map_area h3 a { display: block !important; text-decoration: none !important; font-size: 24px !important; /*line-height: 100% !important;*/ font-weight: normal !important; color: #003767 !important; text-transform: none !important; /*border: 0px none !important;*/ margin: 0px !important; padding: 0px !important; font-family: Arial, Verdana, Helvetica, sans-serif !important; } #map_area h2 a:hover, #map_area h3 a:hover {text-transform:none !important;/*border:0px none !important;*/} #map h2, #map h3 { display: block; width: auto !important; height: auto; min-height: 0; margin: 0px 0 6px !important; padding: 0; float: left; clear: both; position: relative; border: 0px none; background: none; text-decoration: none; font-size: 18px; line-height: 120%; font-weight: normal; color: #003767; text-transform: none; font-family: Arial, Verdana, Helvetica, sans-serif; } #map h2 a, #map h3 a { display: inline !important; text-decoration: none !important; font-size: 18px !important; /*line-height: 100% !important;*/ font-weight: normal !important; color: #003767 !important; text-transform: none !important; /*border: 0px none !important;*/ margin: 0px !important; padding: 0px !important; font-family: Arial, Verdana, Helvetica, sans-serif !important; } #map h2 a:hover, #map h3 a:hover {text-transform:none !important;/*border:0px none !important;*/} #map p { display: block; width: 100% !important; height: auto; margin: 0 0 5px !important; padding: 0; float: left; clear: both; position: relative; border: 0px none; background: none; color: #333; font-size: 14px; font-weight: normal; line-height: 140%; margin: 0 0 15px; padding: 0; text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; } #map div[style*="margin-top:-42px"] {margin:0px 0 0px !important;} #fullcol #map div[style*="margin-top:-42px"] > img {max-width:90% !important;} #map .gm-style-iw, #map .gm-style .gm-style-iw {min-width:300px;} #map .gm-style-iw div {float:left;} #map .gm-style-iw div > br {display:none;} /* INFO: Messages */ [class*="info_message"]:before, [class*="info_message"].boxlink:before, .booked_out:before, #events_list ul li > .booked_out:before { display: block; width: 50px; height: 30px; text-align: center; position: absolute; top: 10px; left: 0%; margin: 0; color: #003767; font: normal normal normal 1em/1 FontAwesome; font-size: 30px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f05a"; } [class*="info_message"].boxlink {background-color:#2f8ac5 !important; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } [class*="info_message"], [class*="item_message"], .booked_out, #events_list ul li > .booked_out { display: inline-block !important; margin: 0 0 0px 0 !important; padding: 15px 20px 15px 50px !important; width: -moz-calc(auto - 70px) !important; width: -webkit-calc(auto - 70px) !important; width: calc(auto - 70px) !important; width: auto; /*float: none !important;*/ font-size: 14px; line-height: 140%; background: /*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/143087/info-icon.gif?v=0.2.1) no-repeat scroll 2% 10px */#ebeef2 !important; position: relative; border: 0px solid #003767 !important; /* Border Radius */ /*-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;*/ } [class*="info_message"].boxlink:before {content:"" !important;background:transparent url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/143348/make_suggestion-white.png?v=0.2.1) no-repeat scroll 100% 0px !important;} [class*="info_message"].boxlink:hover {background-color:#333 !important;} [class*="info_message"].boxlink { margin: 0 0 15px !important; padding: 15px 20px 15px 70px !important; width: -moz-calc(100% - 90px) !important; width: -webkit-calc(100% - 90px) !important; width: calc(100% - 90px) !important; } [class*="info_message"].leftside, [class*="item_message"].leftside { float: left !important; } [class*="info_message"].rightside, [class*="item_message"].rightside { float: right !important; } [class*="info_message"] { width: -moz-calc(75% - 70px) !important; width: -webkit-calc(75% - 70px) !important; width: calc(75% - 70px) !important; margin: 0 0 30px !important; padding: 15px 20px 15px 50px !important; } [class*="item_message"] { width: -moz-calc(75% - 40px) !important; width: -webkit-calc(75% - 40px) !important; width: calc(75% - 40px) !important; margin: 0 23% 30px 0 !important; padding: 15px 20px 15px 20px !important; } [class*="info_message"].leftonly { width: -moz-calc(52% - 70px) !important; width: -webkit-calc(52% - 70px) !important; width: calc(52% - 70px) !important; margin: 0 23% 30px 0 !important; padding: 15px 20px 15px 50px !important; } [class*="item_message"].leftonly { width: -moz-calc(52% - 40px) !important; width: -webkit-calc(52% - 40px) !important; width: calc(52% - 40px) !important; padding: 15px 20px 15px 20px !important; } [class*="info_message"].width100, form [class*="info_message"] { width: -moz-calc(100% - 70px) !important; width: -webkit-calc(100% - 70px) !important; width: calc(100% - 70px) !important; margin: 0 0 15px !important; padding: 15px 20px 15px 50px !important; } [class*="item_message"].width100, form [class*="item_message"] { width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; padding: 15px 20px 15px 20px !important; } [class*="info_message"] > *, [class*="info_message"] > h2, [class*="item_message"] > *, [class*="item_message"] > h2, .booked_out > *, .booked_out > h2, #events_list ul li > .booked_out > *, #events_list ul li > .booked_out > h2 {width:100% !important;margin:0 0 15px !important;} [class*="info_message"] > *:last-child, [class*="info_message"] > h2:last-child, .booked_out > *:last-child, .booked_out > h2:last-child, #events_list ul li > .booked_out > *:last-child, #events_list ul li > .booked_out > h2:last-child {margin:0 !important;} /* PORTAL: News */ .portal-news { border: 0px solid #003767 !important; /* Border */ -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background: #ebeef2; display: block !important; margin: 0 0 15px !important; padding: 10px 5% 10px 5% !important; width: 90% !important; float: left !important; clear: both !important; } .portal-news > * {width:100% !important;float:left !important;clear:both !important;margin:0 0 15px !important;} .portal-news > *:last-child {margin:0 0 0px;} /*---------- Site Section Layouts ----------*/ #logo { display: block; width: 281px; height: 125px; margin: 0; padding: 0; float: none; clear: none; position: absolute; top: 90px; left: 0; overflow: hidden; text-indent: 0/*-999999px*/; background: none/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0015/142215/logo.png?v=0.4.1) left top scroll no-repeat transparent*/; /*background-size: 100% auto;*/ z-index: 999; border: 0px none; } #logo:hover {border:0px none;} #logo > img { margin: 0 15px 0 0; text-indent: 0; width: auto; height: auto; max-width: 100%; max-height: 125px; border: 0px none !important; /* Box Shadow */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #logo.ebc { display: table; width: auto; height: auto; max-width: 100%; max-height: 125px; min-width: 281px; color: #FFF; font-size: calc(20px + (28 - 20) * ( (100vw - 0px) / (767 - 0) )); background: none !important; text-align: left; text-indent: 0px; } #logo.ebc span { display: table-cell; vertical-align: middle; height: inherit; font-family: 'HurmeGeometricSans4-Light'; font-size: 24px; color: #003767; } #mobile_logo { display: none; max-width: 370px; width: 100%; height: 25px; margin: 0 auto; padding: 0; float: none; clear: none; position: relative; top: 15px; left: 0%; overflow: hidden; text-indent: -999999px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0017/142217/logo_mobile-white.png?v=0.4.1) left top scroll no-repeat transparent; background-size: 100% auto; z-index: 999; border: 0px none; /* Box Shadow */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #mobile_logo:hover {border:0px none;} #mobile_logo span { font-family: 'HurmeGeometricSans4-SemiBold'; } #mobile_logo span + span { font-family: 'HurmeGeometricSans4-Light'; } #mobile_logo > img {max-width:100%;border:0px none !important; /* Box Shadow */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #mobile_logo.ebc { color: #FFF; font-size: 25px; font-size: calc(.8em + 1vw); /*font-size: calc(20px + (28 - 20) * ( (100vw - 0px) / (767 - 0) ));*/ background: none !important; text-align: center; text-indent: 0px; } #mobile_logo.ebc > img { display: none; } body.sitesearch #mobile_logo.ebc { color: #003767; } #link_contact { display: none; width: 29px; height: 25px; margin: 0 0 0 -18px; padding: 0; overflow: hidden; text-indent: -999999px; position: absolute; top: 55px; left: 50%; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0014/142160/contact_us_large-white.png?v=0.4.1) left top scroll no-repeat transparent; background-size: 100% auto; border: 0px none; } #link_contact:hover {border:0px none;} #contact_details { display: block; width: auto; height: auto; margin: 0; padding: 0; float: none; clear: none; position: absolute; top: 96px; right: 0; background: #FFF; color: #333; text-align: right; } #contact_details p {color:#333;font-size:14px;line-height:19px;background:#FFF;} #contact_details p strong {color:#003767;} #contact_details a {color:#333;text-decoration:none;border:0px none;} #contact_details a:hover {color:#333;text-decoration:underline;border:0px none;} #contact_details a#contact_us { display: block; min-width: 18px; height: 16px; margin: 0; padding: 0 0 0 24px; float: right; clear: both; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/142158/contact_us.png?v=0.4.1) left top scroll no-repeat transparent; color: #003767; text-decoration: none; line-height: 20px; font-size: 14px; font-weight: bold; } #contact_details a#contact_us span {padding:0 0 2px;border-bottom:1px solid #b5cfe6; /* Transition */ -webkit-transition: 0.10s; -moz-transition: 0.10s; -ms-transition: 0.10s; -o-transition: 0.10s; transition: 0.10s; } #contact_details a#contact_us:hover span {border-bottom:2px solid #003767;} .top_links { display: block; margin: 0; float: none; clear: none; position: absolute; color: #FFF; text-decoration: none; font-size: 14px; font-weight: bold; border: 0px none; } .top_links:hover {color:#FFF;text-decoration:underline;border:0px none;} #link_sections { min-width: 18px; height: 14px; padding: 0 0 0 28px; top: 25px; left: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0014/142205/sections.png?v=0.4.1) left top scroll no-repeat transparent; line-height: 14px; } #link_forms { min-width: 15px; height: 20px; padding: 0 0 0 25px; top: 20px; left: 128px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/142175/forms.png?v=0.4.1) left top scroll no-repeat transparent; line-height: 24px; } #link_portal, #link_portal_logout { min-width: 16px; height: 20px; padding: 0 0 0 26px; position: absolute; top: 20px; right: 106px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/142193/portal.png?v=0.4.1) left top scroll no-repeat transparent; line-height: 24px; } #link_portal_logout {display:none;} body.councillors_portal #link_portal {display:none;} body.councillors_portal #link_portal_logout {display:block;} #link_search, #search_close { min-width: 16px; height: 20px; padding: 0 0 0 26px; position: absolute; top: 20px; right: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0013/142204/search_small.png?v=0.4.1) left top scroll no-repeat transparent; line-height: 24px; border: 0px none; } #search_close {display:none;color:#003767;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0018/142155/close-blue.png?v=0.4.1) left 3px scroll no-repeat transparent;} #search_close:after {display:block;width:100%;height:5px;background:#003767;margin:0;padding:0;content:"";position:absolute;top:39px;left:0;} #link_search:hover, #search_close:hover {border:0px none;} #copyright { display: block; width: 65%; height: auto; margin: 0 5% 0 0; padding: 40px 0 0; float: none; clear: both; position: relative; /*top: 192px; left: 0;*/ background: none; color: #FFF; font-size: 14px; line-height: 140%; } #copyright a {color:#FFF;text-decoration:none;border:0px none;} #copyright a:hover {color:#FFF;text-decoration:underline;border:0px none;} #copyright .wmcnsw, #copyright .ebc {display:block;width:100%;height:auto;margin:0 0 10px;padding:0;float:left;clear:both;font-size:15px;font-weight:bold;} #copyright .wmcnsw:before { display: block; width: 100%; height: 152px; margin: 0; padding: 0; float: left; clear: both; position: relative; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0014/142214/logo-white.png?v=0.3.11) left 0px scroll no-repeat transparent; content: ""; } #copyright .address {display:block;width:auto;height:auto;margin:0 10px 10px 0;padding:0;float:left;clear:none;} #copyright .numbers {display:block;width:auto;height:auto;margin:0;padding:0;float:left;clear:none;} #copyright .numbers span {display:inline;margin-right:5px;} #links { display: block; width: 30%; height: auto; margin: 0; padding: 0; float: none; clear: both; position: absolute; top: 40px; right: 0; background: none; color: #FFF; font-size: 14px; line-height: 140%; } #links a {color:#FFF;text-decoration:none;border:0px none;} #links a:hover {color:#FFF;text-decoration:underline;border:0px none;} #links ul { display: block; width: 100%; height: auto; margin: 20px 0 0; padding: 25px 0 0; float: left; clear: both; position: relative; background: none; border-top: 3px solid #FFF; list-style: none none; } #links ul li { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: both; position: relative; background: none; list-style: none none; color: #FFF; font-size: 14px; line-height: 100%; } #links ul li a { display: block; width: 100%; height: auto; margin: 0 0 10px; padding: 0 0 10px; float: left; clear: both; color: #FFF; font-size: 14px; line-height: 100%; text-decoration: none; border-bottom: 1px solid #335f85; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #links ul li a:hover {text-decoration:none;border-bottom:1px solid #FFF;} #links a.social_media, #links a.social_media.icons { display: block; /*width: 12.5%;*/ width: -moz-calc((100% - 0px * 1) / 7); width: -webkit-calc((100% - 0px * 1) / 7); width: calc((100% - 0px * 1) / 7); height: 23px; margin: 0; padding: 0; float: left; clear: none; position: relative; text-align: center; overflow: hidden; content: ""; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #links a.social_media span, #links a.social_media.icons span { display: none; height: 23px; color: #FFF; text-decoration: none; font-size: 14px; font-weight: bold; text-align: left; } /*#links a.social_media.enews span { display: inline-block; margin-right: 10px; }*/ #links a.social_media:hover { filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } #links a.social_media:hover span, #links a.social_media.icons:hover span { text-decoration: none; } #links a.social_media:before, h2 > a#facebook[name="facebook"]:before, h2 > a#twitter[name="twitter"]:before, h2 > a#instagram[name="instagram"]:before, h2 > a#pinterest[name="pinterest"]:before, h2 > a#flickr[name="flickr"]:before, h2 > a#youtube[name="youtube"]:before, h2 > a#soundcloud[name="soundcloud"]:before, h2 > a#rssfeed[name="rssfeed"]:before { display: inline-block; margin: 0; padding: 0; color: #FFF; width: 32px; height: 32px; font: normal normal normal 1em/1 FontAwesome; font-size: 22px; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(1px); content: ""; } /*font awesome*/ #links a.social_media:hover:before { color: #FFF; text-decoration: none; border: 0px none; } #links a.social_media.enews:before, h2 > a#enews[name="enews"]:before { content: "\f0e0"; } #links a.social_media.facebook:before, h2 > a#facebook[name="facebook"]:before { content: "\f09a"; } #links a.social_media.twitter:before, h2 > a#twitter[name="twitter"]:before { content: "\f099"; } #links a.social_media.instagram:before, h2 > a#instagram[name="instagram"]:before { content: "\f16d"; } #links a.social_media.pinterest:before, h2 > a#pinterest[name="pinterest"]:before { content: "\f0d2"; } #links a.social_media.flickr:before, h2 > a#flickr[name="flickr"]:before { content: "\f16e"; } #links a.social_media.youtube:before, h2 > a#youtube[name="youtube"]:before { content: "\f167"; } #links a.social_media.soundcloud:before, h2 > a#soundcloud[name="soundcloud"]:before { content: "\f1be"; } #links a.social_media.rssfeed:before, h2 > a#rssfeed[name="rssfeed"]:before { content: "\f09e"; } /* Headings */ h2 > a#facebook[name="facebook"]:hover, h2 > a#facebook[name="facebook"]:before, h2 > a#facebook[name="facebook"]:empty, h2 > a#twitter[name="twitter"]:hover, h2 > a#twitter[name="twitter"]:before, h2 > a#twitter[name="twitter"]:empty, h2 > a#instagram[name="instagram"]:hover, h2 > a#instagram[name="instagram"]:before, h2 > a#instagram[name="instagram"]:empty, h2 > a#pinterest[name="pinterest"]:hover, h2 > a#pinterest[name="pinterest"]:before, h2 > a#pinterest[name="pinterest"]:empty, h2 > a#flickr[name="flickr"]:hover, h2 > a#flickr[name="flickr"]:before, h2 > a#flickr[name="flickr"]:empty, h2 > a#youtube[name="youtube"]:hover, h2 > a#youtube[name="youtube"]:before, h2 > a#youtube[name="youtube"]:empty, h2 > a#soundcloud[name="soundcloud"]:hover, h2 > a#soundcloud[name="soundcloud"]:before, h2 > a#soundcloud[name="soundcloud"]:empty, h2 > a#rssfeed[name="rssfeed"]:hover, h2 > a#rssfeed[name="rssfeed"]:before, h2 > a#rssfeed[name="rssfeed"]:empty {background:none !important;text-indent:0px !important;line-height:32px !important; width:32px !important;height:32px !important;margin:0px !important;color:#003767 !important;text-align:left !important; filter:alpha(opacity=100) !important;-khtml-opacity:1 !important;-webkit-opacity:1 !important;-moz-opacity:1 !important;-ms-opacity:1 !important;-o-opacity:1 !important;opacity:1 !important;} /*icons*/ #links a.social_media.icons span { display: none; } #links a.social_media.icons { display: block; /*width: 12.5%;*/ height: 23px; text-align: center; float: left; content: ""; /*background-size: auto 100%;*/ } #links a.social_media.icons:before, #links a.social_media.icons.enews:before, #links a.social_media.icons.facebook:before, #links a.social_media.icons.twitter:before, #links a.social_media.icons.flickr:before, #links a.social_media.icons.youtube:before, #links a.social_media.icons.soundcloud:before, #links a.social_media.icons.pinterest:before, #links a.social_media.icons.rssfeed:before, #links a.social_media.icons.instagram:before { /*width: auto;*/ height: 23px; content: ""; } #links a.social_media.icons.enews:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/162582/icons-enews.png?v=0.2.1) center center scroll no-repeat transparent; } #links a.social_media.icons.facebook:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/162583/icons-facebook.png?v=0.2.1) center center scroll no-repeat transparent; } #links a.social_media.icons.twitter:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/162584/icons-twitter.png?v=0.2.1) center center scroll no-repeat transparent; } #links a.social_media.icons.flickr:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0009/162585/icons-flickr.png?v=0.2.1) center center scroll no-repeat transparent; } #links a.social_media.icons.youtube:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0010/162586/icons-youtube.png?v=0.2.1) center center scroll no-repeat transparent; } #links a.social_media.icons.soundcloud:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0011/162587/icons-soundcloud.png?v=0.2.1) center center scroll no-repeat transparent; } #links a.social_media.icons.pinterest:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/162588/icons-pinterest.png?v=0.2.1) center center scroll no-repeat transparent; } #links a.social_media.icons.rssfeed:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/162589/icons-rssfeed.png?v=0.2.1) center center scroll no-repeat transparent; } #links a.social_media.icons.instagram:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/162590/icons-instagram.png?v=0.2.1) center center scroll no-repeat transparent; } #subscribe { display: block; min-width: 20px; height: 20px; margin: 0 20px 0 0; padding: 0 0 0 30px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0010/142210/subscribe-white.png?v=0.4.1) left top scroll no-repeat transparent; /*background-size: 100% auto;*/ float: left; text-align: left; /*text-indent: -999999px;*/ overflow: hidden; /*line-height: 24px;*/ } #subscribe:hover { filter: alpha(opacity=100); -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } #rssfeed { display: block; width: 18px; height: 18px; margin: 0px 20px 0 0; padding: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0010/142201/rssfeed-white.png?v=0.4.1) left top scroll no-repeat transparent; background-size: 100% auto; float: left; text-align: left; text-indent: -999999px; overflow: hidden; line-height: 22px; } #rssfeed:hover { filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } #facebook { display: block; width: 32px; height: 32px; margin: -9px 20px 0 0; padding: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0015/142170/facebook.png?v=0.4.1) left top scroll no-repeat transparent; background-size: 100% auto; float: left; text-align: left; text-indent: -999999px; overflow: hidden; line-height: 36px; } #facebook:hover { filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } #twitter { display: block; width: 32px; height: 32px; margin: -9px 30px 0 0; padding: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0013/142213/twitter.png?v=0.4.1) left top scroll no-repeat transparent; background-size: 100% auto; float: left; text-align: left; text-indent: -999999px; overflow: hidden; line-height: 36px; } #twitter:hover { filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } .bottom_links { display: inline-block; margin: 0; float: none; clear: none; color: #FFF; text-decoration: none; font-size: 14px; font-weight: bold; text-align: right; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .bottom_links:hover {color:#FFF;text-decoration:underline;} #forms { display: none; float: left; min-width: 15px; height: 20px; margin: 0 15px 0 0; padding: 0 0 0 25px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/142175/forms.png?v=0.4.1) left top scroll no-repeat transparent; line-height: 24px; } #councillors_portal, #councillors_portal_logout { display: none; float: left; min-width: 16px; height: 20px; margin: 0 15px 0 0; padding: 0 0 0 26px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/142193/portal.png?v=0.4.1) left top scroll no-repeat transparent; line-height: 24px; } #councillors_portal_logout {display:none;} body.councillors_portal #councillors_portal {display:none;} body.councillors_portal #councillors_portal_logout {display:none;} body.councillors_portal #fullcol > [id*="div_"] h2, body.councillors_portal #fullcol > [id*="container_"] h2, body.councillors_portal #fullcol > [id*="sq_"] h2, body.councillors_portal #fullcol > [id*="form_"] h2, body.councillors_portal #fullcol > .default h2 { color: #666; } #portal_left { display: block; width: 70%; height: auto; margin: 0 0 30px; padding: 0; float: left; clear: none; position: relative; background: none; } #portal_right { display: block; width: 25%; height: auto; margin: 0 0 30px 5%; padding: 0; float: left; clear: none; position: relative; background: none; } .portal_sections { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0; float: right; clear: none; position: relative; } .portal_sections a { display: block; width: 100%; height: auto; margin: 0 0 20px; padding: 0 0 20px; color: #333 !important; text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 140%; text-decoration: none; border-bottom: 2px solid #333 !important; } .portal_sections a:hover { color: #333 !important; text-decoration: underline !important; border-bottom: 2px solid #333 !important; } .portal_links { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0; float: right; clear: none; position: relative; } .portal_links .pagelinks h3, .portal_links.pagelinks h3 { display: block; width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: calc(100% - 25px); min-height: 16px; margin: 0 0 10px; padding: 20px 0 20px 25px; float: none; clear: both; color: #333; text-align: left; border-bottom: 4px solid #333; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/143349/related_links-black.png?v=0.2.1) left 18px scroll no-repeat transparent; } .portal_links .pagelinks ul li a, .portal_links.pagelinks ul li a { color: #333 !important; border-bottom: 1px solid #333 !important; display: block; line-height: 140%; padding: 10px 0; text-decoration: none; } .portal_links .pagelinks ul li a:hover, .portal_links.pagelinks ul li a:hover { color: #003767 !important; text-decoration: none !important; border-bottom: 1px solid #003767 !important; } /*====Site Search====*/ body.sitesearch { overflow: hidden; } /*.body.sitesearch { display: block; width: 100%; height: 100%; margin: 0; padding: 0; float: none; clear: none; position: fixed; top: 0; left: 0; }*/ #sitesearch { display: none; width: 100%; min-height: 100%; margin: 0; padding: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background: #003767/* rgba(0,55,103,1.0)*/; /*overflow: auto;*/ } .body.sitesearch #sitesearch {display:block;} #searcharea { display: block; width: 100%; max-width: 1012px; height: calc(100% - 120px); margin: 120px/*96px*/ auto 0; padding: 0; position: relative; float: none; clear: both; overflow: visible/*hidden*/; } #searcharea form { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0; float: left; clear: both; background: none; position: relative; /*top: 280px; left: 0;*/ } #searcharea .cat_textbox { display: block; width: 85%; height: auto; margin: 0; padding: 30px 10% 30px 5%; font-size: 25px; font-weight: normal; font-style: italic !important; text-transform: none; color: #335b7e !important; background: #00325e; border: 0px none; float: left; clear: both; } #searcharea .cat_textbox.focus, #searcharea .cat_textbox:focus {color:#FFF !important;font-style:normal !important;} /*#searcharea .cat_textbox::-webkit-input-placeholder , #searcharea .cat_textbox:focus::-webkit-input-placeholder,*/ /* Firefox < 19 */ /*#searcharea .cat_textbox:-moz-placeholder, #searcharea .cat_textbox:focus:-moz-placeholder,*/ /* Firefox > 19 */ /*#searcharea .cat_textbox::-moz-placeholder, #searcharea .cat_textbox:focus::-moz-placeholder,*/ /* Internet Explorer 10 */ /*#searcharea .cat_textbox:-ms-input-placeholder, #searcharea .cat_textbox:focus:-ms-input-placeholder { font-style: italic !important; color: #335b7e !important; }*/ #searcharea .cat_button { display: block; width: 30px; height: 30px; margin: -15px 0 0; padding: 0; position: absolute; top: 50%; right: 3%; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0011/142202/search-white.png?v=0.4.1) left top scroll no-repeat transparent; border: 0px none; text-indent: -999999px; line-height: 999999px; *padding-left: 999999px; font-size: 0; overflow: hidden; -webkit-appearance: none; } .body.sitesearch #header {background-color:#FFF;} .body.sitesearch #link_sections {color:#333;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0015/142206/sections_hover.png?v=0.4.1) left top scroll no-repeat transparent;} .body.sitesearch #link_forms {color:#333;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/142176/forms_hover.png?v=0.4.1) left top scroll no-repeat transparent;} .body.sitesearch #link_portal, .body.sitesearch #link_portal_logout {color:#333;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/142194/portal_hover.png?v=0.4.1) left top / auto 100% scroll no-repeat transparent;} .body.sitesearch #link_search {display:none;} .body.sitesearch #search_close {display:block;} #xclose { display: block; width: 15px; height: 15px; margin: 0; padding: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0019/142156/close-white.png?v=0.4.1) left 0px scroll no-repeat transparent; text-overflow: hidden; text-indent: -999999px; float: none; clear: none; position: absolute; top: 0; right: 0; } #searchlogo { display: block; width: 125px; height: 125px; margin: -30px 0 /*70px*/30px; padding: 0; float: none; clear: none; position: relative; /*top: 0; left: 0;*/ background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0014/142214/logo-white.png?v=0.3.11) left 0px scroll no-repeat transparent; } #whatsearch { display: block; width: auto; height: auto; margin: 0 0 30px; padding: 0 0 10px; font-size: 25px; font-weight: bold; line-height: 100%; color: #FFF; border-bottom: 1px solid #FFF; background: none; float: left; clear: both; position: relative; /*top: 195px; left: 0;*/ } #heading { display: block; width: 75%; height: auto; margin: 0px -1000%; padding: 15px 1000%; float: right; clear: both; position: relative; background: #27828a; } .headings { display: block; width: 100%; height: auto; margin: 0 0 15px; padding: 0px 0% 10px; color: #003767; font-size: 14px; font-weight: bold; line-height: 140%; border-bottom: 4px solid #003767; float: left; clear: both; } /*councillors portal*/ body.councillors_portal #heading {background:#666;margin:0 -1000% 0px;float:right;clear:both;width:100%;} body.councillors_portal #heading h1 {color:#FFF !important;text-decoration:none !important;border:0px none !important;} body.councillors_portal #heading #breadcrumbs {color:#FFF !important;text-decoration:none !important;border-bottom:1px solid #999;} body.councillors_portal #heading #breadcrumbs a {color:#FFF !important;text-decoration:none !important;border:0px none !important;} body.councillors_portal #heading #breadcrumbs a:hover {color:#FFF !important;text-decoration:underline !important;border:0px none !important;} body.councillors_portal #breadcrumbs {width:100%;} /*events*/ body.events_page #heading {background:/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/143651/orange_bg.png?v=0.2.1) center center scroll repeat */#f3901d;margin:0 -1000% 0px;float:right;clear:both;width:100%;} body.events_page #heading h1 {color:#003767 !important;text-decoration:none !important;border:0px none !important;} body.events_page #heading #breadcrumbs {color:#003767 !important;text-decoration:none !important;border-bottom:1px solid #f5a64a;} body.events_page #heading #breadcrumbs a {color:#003767 !important;text-decoration:none !important;border:0px none !important;} body.events_page #heading #breadcrumbs a:hover {color:#003767 !important;text-decoration:underline !important;border:0px none !important;} body.events_page #breadcrumbs {width:100%;} #heading h1 {color:#FFF;font-size:28px;margin:0;} #in_this_section { display: none; width: 100%; height: auto; margin: -35px -10% 0; padding: 20px 10%; float: left; clear: both; position: relative; color: #FFF !important; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 100%; border: 0px none !important; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/143086/dropdown_arrow-white.png?v=0.2.1) 90% center scroll no-repeat #27828a; background-size: 14px auto; } #in_this_section.menu {display:none;} #in_this_section.leftnav_active { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0010/147466/dropdown_arrow-white-up.png?v=0.2.1) 90% center scroll no-repeat #27828a; background-size: 14px auto; } #breadcrumbs { display: block; width: 75%; height: auto; margin: 0 0 10px; padding: 15px 0% 15px 0; float: right; clear: none; position: relative; background: none; color: #333; font-size: 12px; font-weight: bold; /*text-transform: uppercase;*/ text-decoration: none; /*border-bottom: 1px solid #60a9af;*/ line-height: 140%; } #breadcrumbs > div {width:70%;} #rightinfo #breadcrumbs {width:100%;float:left;} #pageintro #breadcrumbs { width: 66%; float: left; padding: 15px 2% 15px 0; } #pageinfo #breadcrumbs { width: 100%; padding: 15px 0% 15px 0; float: left; } #breadcrumbs a {color:#333 !important;text-decoration:none !important;border:0px none !important;} #breadcrumbs a:hover {color:#27828a !important;text-decoration:none !important;border:0px none !important;} /* Page Links */ .pagelinks { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0; float: left; clear: both; position: relative; } .pagelinks ul { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: both; position: relative; background: none; } .pagelinks ul:nth-child(3n) {float:right;clear:right;} .pagelinks ul li { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: both; position: relative; background: none; } .pagelinks a { background: none !important; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .pagelinks a[href*='.pdf']:after, .pagelinks a[href*='.rtf']:after, .pagelinks a[href*='.doc']:after, .pagelinks a[href*='.docx']:after, .pagelinks a[href*='.PDF']:after, .pagelinks a[href*='.RTF']:after, .pagelinks a[href*='.DOC']:after, .pagelinks a[href*='.DOCX']:after { display: inline-block; width: 14px; height: 14px; margin: 0 0 0 5px; padding: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/143338/icon-msword.gif?v=0.2.1) left center scroll no-repeat transparent !important; content: ""; } .pagelinks a[href*='.pdf']:after, .pagelinks a[href*='.PDF']:after { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/143071/icon-pdf.gif?v=0.2.1) left center scroll no-repeat transparent !important; } .pagelinks p { display: block; margin: 0; padding: 10px 0 10px 0; text-decoration: none; border-bottom: 1px solid #c2c2c2; line-height: 140%; } .pagelinks ul li a { display: block; padding: 10px 0 10px 0; text-decoration: none; border-bottom: 1px solid #c2c2c2; line-height: 140%; } .pagelinks ul li a:hover {text-decoration:none;border:0px none;border-bottom:1px solid #27828a !important;color:#27828a !important;} .pagelinks h3 { display: block; width: 100%; height: auto; margin: 0 0 10px; padding: 10px 0 20px 0; float: none; clear: both; position: relative; border: 0px none; text-decoration: none; font-size: 14px; font-weight: bold; line-height: 140%; color: #003767; text-transform: uppercase; text-align: left; border-bottom: 4px solid #003767; } /*---------- Events Layout ----------*/ #events_left { display: block; width: 70%; height: auto; margin: 0 0 30px; padding: 0; float: left; clear: none; position: relative; background: none; } #events_right { display: block; width: 25%; height: auto; margin: 0 0 30px 5%; padding: 0; float: left; clear: none; position: relative; background: none; } #events_browse { display: block; width: 100%; height: auto/*56px*/; margin: 0 0/* 50px*/; padding: 0; float: left; clear: both; position: relative; background: none; } #events_browse [id*=page_calendar_events_search], #events_browse:empty { display: none; } #events_browse_dropdown { display: block; width: 35%; height: 54px; margin: 0; padding: 0; position: relative; float: left; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; } #events_browse_dropdown select { /* Opacity */ filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } #events_browse_dropdown select option { padding: 5px 10px; } #events_browse_dropdown .customStyleSelectBox {display:block; width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: calc(100% - 25px); height:16px;margin:0px;padding:19px 19px 19px 6px;position:absolute;top:0px;left:0px; text-transform:uppercase;font-size:14px;color:#333;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/142780/readmore-orange_down.png?v=0.3.1) 98% center scroll no-repeat #FFF;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;} #events_browse_category {display:block;width:100%;height:54px;margin:0px;padding:0;position:relative;float:left;cursor:pointer;z-index:9;} #event_browse_search {display:none;width:45%;height:54px;margin:0px;padding:0;position:relative;float:left;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;background:#eeeeee;} #event_browse_search input[type="text"], #event_browse_search input[type="email"], #event_browse_search input[type="password"] { display: block; width: 70%; height: 24px; margin: 0; padding: 15px 15% 15px 15%; position: relative; float:left; clear: both; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/143377/search_line-bg.png?v=0.2.1) 10% center scroll no-repeat #eeeeee; border: 0px none; font-size: 14px; font-style: italic; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word; } #event_browse_search input[type="text"]:focus, #event_browse_search input[type="email"]:focus, #event_browse_search input[type="password"]:focus { /* Box Shadow */ -webkit-box-shadow: 0 1px 3px #f3901d inset; -moz-box-shadow: 0 1px 3px #f3901d inset; -ms-box-shadow: 0 1px 3px #f3901d inset; -o-box-shadow: 0 1px 3px #f3901d inset; box-shadow: 0 1px 3px #f3901d inset; font-style: normal; font-size: 16px; } #event_browse_search [type="submit"] { display: block; width: 18px; height: 18px; margin: -9px 0 0; padding: 0; float: none; clear: none; cursor: pointer; position: absolute; top: 50%; right: 5%; border: 0px none; text-indent: -999999px; line-height: 999999px; *padding-left: 999999px; font-size: 0; overflow: hidden; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/143378/search_small-black.png?v=0.2.1) center center scroll no-repeat transparent; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #event_browse_search [type="submit"]:hover { /* Opacity */ filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } #events_next_prev { display: block; width: 100%; height: auto; margin: 0 0 20px; padding: 0px; float: left; clear: none; position: relative; } #events_next_prev a { display: block; width: 50%; padding: 0; border: 0px none; text-decoration: none; float: left; text-align: left; color: #f3901d; text-transform: uppercase; font-size: 14px; font-weight: bold; } #events_next_prev a:last-child {float:right;text-align:right;} #events_next_prev a:hover { color: #f3901d; border: 0px none; text-decoration: underline; } #events_days { display: block; width: 100%; height: auto; margin: 0 0 20px; padding: 0; float: left; clear: none; position: relative; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; } #events_days .days { display: block; width: 14.285%; height: auto; margin: 0; padding: 20px 0; float: left; clear: none; position: relative; text-align: center; cursor: pointer; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #events_days .days:hover, #events_days .days.active { background: #ffd8aa; } #events_date { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0 0 10px; float: left; clear: none; position: relative; border-bottom: 2px solid #f3901d; } #events_date p { display: block; width: -moz-calc(100% - 270px); width: -webkit-calc(100% - 270px); width: calc(100% - 270px); height: auto; margin: 0 0 10px; padding: 0; float: left; clear: none; color: #f3901d; font-size: 14px; font-weight: bold; } #calendar_view { display: block; width: auto; max-width: 270px; height: auto; margin: 0 0 0px; padding: 0; float: right; clear: none; color: #f3901d; font-size: 14px; font-weight: bold; } #weekly_view, #monthly_view { display: none; width: auto; height: 16px; margin: 0 0 0px 0px; padding: 3px 0 0 20px; float: left; clear: none; position: relative; background: none/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0019/143380/weekly_view.png?v=0.2.1) left top scroll no-repeat transparent*/; border: 0px none !important; text-decoration: none; color: #f3901d !important; text-transform: uppercase; font-size: 14px; font-weight: bold; } #monthly_view {float:left;margin:0 0 10px 20px;} #weekly_view:before, #monthly_view:before { display: block; font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f073"; margin: 0; padding: 0; color: inherit; width: auto; height: auto; position: absolute; left: 0%; top: 2px; } #weekly_view:hover, #monthly_view:hover { border: 0px none !important; text-decoration: underline !important; color: #f3901d !important; text-transform: uppercase; font-size: 14px; font-weight: bold; } #events_preview { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0; float: left; clear: none; position: relative; } #events_preview img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 0 15px; padding: 0; float: none; clear: both; position: relative; } #events_preview h2 { display: block; width: 100%; height: auto; margin: 0 0 15px; padding: 0; float: none; clear: both; position: relative; color: #f3901d; font-size: 16px; font-weight: bold; text-decoration: none; border: 0px none; } #events_preview p { display: block; width: 100%; height: auto; margin: 0 0 15px; padding: 0; float: none; clear: both; position: relative; } #events_preview .event_link { display: block; width: auto; height: auto; margin: 0 0 15px; padding: 0 0 0 16px; float: left; clear: both; position: relative; color: #f3901d !important; font-size: 14px; font-weight: bold; text-decoration: none; border: 0px none !important; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/142198/readmore-orange.png?v=0.4.1) left center scroll no-repeat transparent; } #events_preview .event_link:hover{ color: #f3901d !important; border: 0px none !important; text-decoration: underline; } #events_list { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: none; position: relative; } #events_list ul, #events_list ul li, ul.events-list, ul.events-list li { display: block; width: 100% !important; height: auto; margin: 0px; padding: 0px; float: left; clear: none; position: relative; list-style: none none; border-bottom: 0px none; } #events_list ul li, ul.events-list li { margin: 0 0 30px !important; padding: 0 0 15px !important; border-bottom: 1px solid #c2c2c2 !important; } /*#events_list ul:last-child li, ul.events-list:last-child li {border:0px none !important;}*/ #events_list ul li > *, ul.events-list li > * { display: block; width: 60% !important; height: auto; margin: 0 0 15px !important; padding: 0; float: right; clear: none; position: relative; } #events_list ul li > a, ul.events-list li > a { display: block; width: auto !important; max-width: 35% !important; height: auto; margin: 0 !important; padding: 0; float: left; clear: none; position: relative; border: 0px none !important; } #events_list ul li > img, ul.events-list li > img { display: block; width: auto !important; max-width: 35% !important; height: auto; margin: 0 5% 15px 0 !important; padding: 0; float: left; clear: none; position: relative; } #events_list ul li > a > img, ul.events-list li > a > img { display: block; width: auto !important; max-width: 100% !important; height: auto; margin: 0 5% 15px 0 !important; padding: 0; float: left; clear: none; position: relative; border: 0px none !important; } #events_list ul li h2, ul.events-list li h2 { float: right !important; clear: none !important; width: 60% !important; color: #f3901d !important; font-size: 16px !important; font-weight: bold !important; text-decoration: none !important; border: 0px none !important; } #events_list ul li h2 a, ul.events-list li h2 a, #events_list ul li .h2 a, ul.events-list li .h2 a { color: #f3901d !important; font-size: 16px !important; font-weight: bold !important; text-decoration: none !important; border-bottom: 1px solid #ffd8aa !important; } #events_list ul li h2 a:hover, ul.events-list li h2 a:hover, #events_list ul li .h2 a:hover, ul.events-list li .h2 a:hover { color: #f3901d !important; text-decoration: none !important; border-bottom: 2px solid #f3901d !important; } ul.internal.events-list li .h2, ul.internal.events-list li .h2 a { font-weight: normal !important; line-height: 100%; } ul.internal.events-list li { margin: 0 !important; padding: 0 !important; border: 0 none !important; } ul.internal.events-list li a { color: #003767 !important; border-bottom: 1px solid #b5cfe6 !important; } ul.internal.events-list li a:hover { color: #003767 !important; text-decoration: none !important; border-bottom: 2px solid #003767 !important; } ul.internal.events-list li > a, ul.internal.events-list li a.noborder, ul.internal.events-list li a img { border: 0 none !important; } #events_list ul li > p.news-item.event-time, ul.events-list li > p.news-item.event-time, #events_preview p.news-item.event-time {/*font-style:italic;*/margin:0 0 15px !important;} #calendar_month_year { display: block; width: 100%; height: auto; margin: 0 0 5px; padding: 0; float: none; clear: both; position: relative; } /* Events Dates */ #events_list ul li > p.news-item.event-time, ul.events-list li > p.news-item.event-time, #events_preview p.news-item.event-time, #events_preview .news-item.event-time, .news-item.event-time, .news-item.event-time .day, .news-item.event-time .time, .news-item.event-time .altdate, .event_info {display:none;} /*.news-item.event-time .occurance {display:none !important;}*/ #events_preview .event_details, .events-list .event_details {display:none !important;} #events_preview .event_details.block, .events-list .event_details.block {display:block !important;} #events_preview .timedate:before, .events-list .timedate:before, #events_preview .location:before, .events-list .location:before, .map_location:before { display: inline-block; font: normal normal normal 1em/1 FontAwesome; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f041"; margin: 0 5px 0 0; padding: 0; color: inherit; width: 14px; height: auto; position: relative; text-align: center; } #events_preview .timedate:before, .events-list .timedate:before {content:"\f073";} #div_event_brite {margin:0 0 30px;} #calendar_month_year h3 { display: block; width: 50%; position: relative; margin: 0 auto; color: #f3901d; text-transform: uppercase; font-size: 14px; line-height: 100%; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #calendar_month_year h3:hover { color: #333; } #calendar_month_year a { display: block; width: 25%; position: absolute; top: 0; left: 10px; color: #f3901d; text-transform: uppercase; font-size: 14px; font-weight: bold; border: 0px none; text-align: left; z-index: 9; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #calendar_month_year a.next { left: auto; right: 10px; text-align: right; } #calendar_month_year a:hover { color: #333; border: 0px none; } #events_calendar { display: block; width: 100%; height: auto; margin: 0 0 50px; padding: 0; float: right; clear: none; position: relative; } #events_calendar .cal {border:0px none !important;} #events_calendar .cal tr:nth-child(1) {display:none/*table-row*/;} #events_calendar .cal tr:nth-child(2) {display:none;} #events_calendar .cal tr:nth-child(3) td {font-weight:bold;} #events_calendar .cal tr td:nth-child(1) {display:none/*table-cell*/;/*text-indent:-999999px;width:0px;*/} #events_calendar .cal tr:nth-child(1) td:nth-child(1) {display:none/*table-cell*/;/*text-indent:0px;*/} #events_calendar .cal tr td {background:#FFF;color:#333;padding:10px 0 !important;border-collapse:collapse;width:14.285%; font-size:12px;font-family:Arial, Verdana, Helvetica, sans-serif;cursor:pointer;text-align:center;vertical-align:middle; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #events_calendar .cal_empty {color:#999 !important;} #events_calendar .cal tr.cal_ovr td {background:#FFF;color:#f3901d;} #events_calendar .cal tr td:hover {background:#ffd8aa;color:#333 !important; /* Box Shadow */ -webkit-box-shadow: inset 0 0 0 1px #ffd8aa; -moz-box-shadow: inset 0 0 0 1px #ffd8aa; -ms-box-shadow: inset 0 0 0 1px #ffd8aa; -o-box-shadow: inset 0 0 0 1px #ffd8aa; box-shadow: inset 0 0 0 1px #ffd8aa; } #events_calendar .cal tr:nth-child(3) td:hover {background:#FFF !important;color:#333 !important;cursor:default !important;} #events_calendar .cal tr td[class*="_sel"] {background:#ffd8aa;border:0px none !important;color:#333 !important;} #events_calendar .cal tr td[class="cal_today"] {background:#FFF;color:#333 !important; /* Box Shadow */ -webkit-box-shadow: inset 0 0 0 1px #ffd8aa; -moz-box-shadow: inset 0 0 0 1px #ffd8aa; -ms-box-shadow: inset 0 0 0 1px #ffd8aa; -o-box-shadow: inset 0 0 0 1px #ffd8aa; box-shadow: inset 0 0 0 1px #ffd8aa; } #events_calendar .cal tr td[class="cal_today"]:hover {background:#ffd8aa;} #events_links { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0; float: right; clear: none; position: relative; border-top: 1px solid #f3901d; } #events_links a { display: block; width: 100%; height: auto; margin: 0; padding: 20px 0; color: #f3901d; text-transform: uppercase; font-size: 14px; font-weight: bold; text-decoration: none; border-bottom: 1px solid #f3901d; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #events_links a:before { font: normal normal normal 14px/1 FontAwesome; font-weight: normal; padding: 0 10px; } #events_links a#email_newsletters:before { content: "\f1ea"; } #events_links a#submit_an_event:before { content: "\f274"; } #events_links a:hover { color: #333; text-decoration: none; border-bottom: 1px solid #f3901d; background: #ffd8aa; } #events_updates { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0; float: right; clear: none; position: relative; } #events_updates .pagelinks h3, #events_updates.pagelinks h3 { display: block; width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: calc(100% - 25px); min-height: 16px; margin: 0 0 10px; padding: 20px 0 20px 25px; float: none; clear: both; color: #333; text-align: left; border-bottom: 4px solid #333; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/143349/related_links-black.png?v=0.2.1) left 18px scroll no-repeat transparent; } #events_updates .pagelinks ul li a, #events_updates.pagelinks ul li a { color: #333; border-bottom: 1px solid #333; display: block; line-height: 120%; padding: 10px 0; text-decoration: none; } #events_updates .pagelinks ul li a:hover, #events_updates.pagelinks ul li a:hover { color: #f3901d !important; text-decoration: none !important; border-bottom: 1px solid #f3901d !important; } /* List Links */ .list-next, .list-prev { display: block !important; width: 50% !important; height: auto !important; margin: 0 0 20px !important; padding: 0px !important; float: left !important; clear: none !important; position: relative !important; } .list-next a, .list-prev a { display: block; width: 100% !important; padding: 0; border: 0px none !important; text-decoration: none !important; float: left !important; text-align: left !important; color: #003767 !important; text-transform: uppercase; font-size: 14px; font-weight: bold; z-index: 9; } .list-next a {float:right !important;text-align:right !important;} .list-next a:hover, .list-prev a:hover { color: #003767 !important; border: 0px none !important; text-decoration: underline !important; } /*---------- Slideshow ----------*/ .slideshow { display: block; width: 100%; max-width: 500px; height: auto; margin: 0 auto !important; padding: 0 !important; float: left; clear: none; position: relative; overflow: hidden; background: #FFF; border: 0px none !important; } .rotator { display: block; width: 100% !important; height: auto; min-height: 250px; margin: 0 auto 20px; padding: 0; float: none; clear: both; position: relative; overflow: hidden; background-image: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/142148/ajax-loader-body.gif?v=0.4.1); background-position: center 137px; background-attachment: scroll; background-repeat: no-repeat; background-color: #FFF; } .rotator.loaded {background-image:none !important;background:rgba(0, 0, 0, .05);min-height:0px;} .rotator .items { display: block; width: 100% !important; height: auto; margin: 0 auto; padding: 0; float: none; clear: both; position: relative; overflow: hidden; background: none; /*background: rgba(0, 0, 0, .05);*/ /* Opacity */ filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } .rotator .items:nth-of-type(1) ~ .items { display: none; } /*.rotator .items > * {display:none;}*/ .rotator .items .img { display: block; max-width: 100%; height: auto; float: none; clear: both; max-height: 375px; overflow: hidden; border: 0px none !important; margin: 0/* 0 20px*/ !important; padding: 0; background: #FFF; } .rotator .items .img img { display: block; width: auto !important; max-width: 100% !important; height: auto !important; max-height: inherit !important; margin: 0 !important; } .rotator .items h2 { display: block; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); height: auto; float: left; clear: both; font-size: 20px; font-weight: bold; color: #003767; margin: 0/* 0 10px !important*/; padding: 15px 20px 5px; } .rotator .items p { display: block; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); height: auto; float: left; clear: both; font-size: 14px; font-weight: normal; color: #003767; margin: 0/* 0 10px !important*/; padding: 5px 20px 10px; } .rotator .items p:last-child {margin:0 0 10px;} .nav_icons { display: block; width: auto; height: auto; margin: 0; padding: 10px /*15px*/0 10px 20px; position: absolute; /*left: 0;*/ right: 39px; background: #003767; z-index: 99; /* Opacity */ filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } .nav_icons a { display: block; width: 10px; height: 10px; margin: 0 5px 0 0; padding: 0; float: left; clear: none; overflow: hidden; text-indent: -999999px; /*background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/142774/control_icons.png?v=0.3.1) -5px 0px scroll no-repeat transparent;*/ background-color: #FFF; border: none 0px !important; /* Border */ -webkit-border-radius: 1000%; -moz-border-radius: 1000%; -ms-border-radius: 1000%; -o-border-radius: 1000%; border-radius: 1000%; /* Transition */ -webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s; transition: 0.50s; } .nav_icons a:hover, .nav_icons a.activeSlide {/*background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/142774/control_icons.png?v=0.3.1) 0px 0px scroll no-repeat transparent;*/background-color:#27828a;} .controls { display: block; /*width: 100%; min-height: 11px; margin: 0 auto 15px; padding: 0px 0 10px; float: none; clear: none; position: absolute; left: 0; background: none; border-bottom: 1px solid #003767; z-index: 99;*/ display: block; width: 39px; height: 30px; margin: 0; padding: 0; position: absolute; right: 0; background: #003767; z-index: 99; /* Opacity */ filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } .controls .pause { display: block !important; width: auto !important; height: 12px !important; margin: 0 !important; padding: 10px 15px 8px !important; /*min-width: 10px;*/ float: none; clear: none; position: relative; background: #003767/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142529/controls_pause.png?v=0.3.1) left 10px scroll no-repeat transparent*/; font-size: 11px; color: #FFF; text-decoration: none; border: none 0px !important; text-align: center; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .controls .pause:after, .controls .play:after { font-size: 11px; color: #FFF; font: normal normal normal 1em/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f04c"; } .controls .pause.play {background:#003767/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/142528/controls_play.png?v=0.3.1) left 10px scroll no-repeat transparent*/;} .controls .pause span, .controls .play span {display:none;} .controls .pause.play:after {content:"\f04b";} .controls .pause:hover {color:#27828a !important;} .controls .next, .controls .previous { display: block; width: 40px; height: 31px; margin: 0; padding: 0; float: none; clear: none; position: absolute; top: -10px; right: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0017/142163/controls_next.png?v=0.4.1) right center scroll no-repeat transparent; font-size: 14px; color: #003767; text-decoration: none; overflow: hidden; text-indent: -999999px; border: none 0px !important; /* Transition */ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .controls .previous {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0018/142164/controls_prev.png?v=0.3.2) left center scroll no-repeat transparent;right:41px;} .controls .divider { display: block; width: 1px; height: 9px; margin: 0 0px; padding: 0; float: none; clear: none; position: absolute; top: 1px; right: 40px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/142162/controls_line.png?v=0.4.1) center center scroll no-repeat transparent; border: none 0px !important; } .readmore { display: block; width: -moz-calc(auto - 15px) !important; width: -webkit-calc(auto - 15px) !important; width: calc(auto - 15px) !important; width: auto; min-height: 9px; margin: 0; padding: 0 15px 0 0; float: left; clear: none; position: relative; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142196/readmore-blue.png?v=0.4.1) right center scroll no-repeat transparent; font-size: 14px; font-weight: bold; color: #003767; text-decoration: none; border: none 0px !important; /* Transition */ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .readmore:hover {color:#27828a;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0009/142200/readmore_hover.png?v=0.4.1) right center scroll no-repeat transparent;text-decoration:underline !important;border:none 0px !important;} /*.heading { display: block; width: 100%; height: auto; margin: 0 0 10px; padding: 0 0 10px; float: left; clear: both; position: relative; background: none; }*/ .view_all { display: block; width: -moz-calc(auto - 23px) !important; width: -webkit-calc(auto - 23px) !important; width: calc(auto - 23px) !important; width: auto; height: auto; margin: 5px 0 0; padding: 0 0 0 23px; float: right; border: 0px none; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: none; text-decoration: none; color: #003767; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0018/142173/folder_blue.png?v=0.4.1) left top scroll no-repeat transparent; border: 0px none !important; } .view_all:hover {border:0px none;text-decoration:underline !important;} .view_all.blue { color: #003767; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0018/142173/folder_blue.png?v=0.4.1) left top scroll no-repeat transparent; } .view_all.white { color: #FFF; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/142782/folder_white.png?v=0.3.1) left top scroll no-repeat transparent; } .view_all.white:hover { color: #FFF; background: url(mysource_files/folder_white_down.png) left top scroll no-repeat transparent; } .showmore { display: none; width: -moz-calc(auto - 20px) !important; width: -webkit-calc(auto - 20px) !important; width: calc(auto - 20px) !important; width: auto; height: auto; margin: 0; padding: 0 0 0 20px; float: left; clear: both; border: 0px none; font-size: 14px; font-weight: bold; text-transform: none; color: #003767 !important; text-decoration: none !important; border: 0px none !important; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142196/readmore-blue.png?v=0.4.1) left 3px scroll no-repeat transparent; /* Transition */ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .showmore:hover { color: #003767 !important; text-decoration: underline !important; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/142197/readmore-blue_down.png?v=0.4.1) left 3px scroll no-repeat transparent; border: 0px none !important; } /* Homepage Intro Sections */ #homeintro { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0 0 43px; float: left; clear: both; position: relative; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/142918/hr_line.png?v=0.3.1) bottom center scroll repeat-x #FFF; overflow: hidden; } #homeslider { display: block; width: 50%; height: auto; margin: 0 4% 0 0 !important; padding: 0; float: left; clear: none; position: relative; background: #FFF; overflow: hidden; } #homeslider .home_info { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: none; position: relative; background: #FFF; } #homeslider .home_info h1 {font-size:20px;font-weight:bold;color:#003767;margin:0 0 10px;line-height:120%;} #homeslider .home_info h2 {font-size:18px;margin:0;line-height:120% !important;border:0px none !important;} #homeslider .home_info.orange_bg {margin:0 0 15px;} #homeslider .home_info.orange_bg h2 a { display: block; width: -moz-calc(100% - 55px) !important; width: -webkit-calc(100% - 55px) !important; width: calc(100% - 55px) !important; height: auto; margin: 0; padding: 20px 35px 20px 20px; float: left; clear: none; position: relative; background: #f3901d; border: 0px none !important; font-size: 18px; line-height:120% !important; } #homeslider .home_info.orange_bg h2 a:after { display: inline-block; margin: -6px 0 0; padding: 0; width: auto; height: 12px; position: absolute; top: 50%; right: 20px; font: normal normal normal 1em/1 FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(1px); content: "\f054"; } #homeslider .home_info.orange_bg h2 a > * { /* Transition */ -webkit-transition: 0.10s; -moz-transition: 0.10s; -ms-transition: 0.10s; -o-transition: 0.10s; transition: 0.10s; } #homeslider .home_info.orange_bg h2:hover a > * {border:0px none !important;color:#FFF !important;background:none !important;} #homeslider .home_info.orange_bg h2:hover a {border:0px none !important;color:#FFF !important;background:#003767 !important;} /* Home Slider: Alternative */ #homeslider.alt {padding:0 0 100px !important;} #homeslider.alt .items .img {margin:0px 0px 20px !important;height:auto !important;} #homeslider.alt .nav_icons {top:auto !important;bottom:35px !important;} #homeslider.alt .controls {top:auto !important;bottom:0px !important;margin:0px !important;} #homeintro_links { display: block; width: 46%; height: auto; margin: 0; padding: 0; float: left; clear: none; position: relative; background: #FFF; } #homeintro_links ul { display: block; width: 47%; height: auto; margin: 0 0 0px; padding: 0; float: left; clear: left; position: relative; background: none; } #homeintro_links ul:nth-child(3n) {float:right;clear:right;} #homeintro_links ul li { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: both; position: relative; background: none; } #homeintro_links a { /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #homeintro_links ul li a { display: block; padding: 10px 0 10px 0; text-decoration: none; border-bottom: 1px solid #c2c2c2; line-height: 140%; } #homeintro_links ul li a:hover {text-decoration:none;border:0px none;border-bottom:1px solid #27828a;color:#27828a;} #homeintro_links h3 { display: block; min-width: 42px; min-height: 26px; margin: 0 0 10px; padding: 15px 0 15px 52px; float: none; clear: both; position: relative; border: 0px none; text-decoration: none; font-size: 14px; font-weight: bold; line-height: 100%; color: #003767; text-transform: uppercase; border-bottom: 4px solid #003767; } #homeintro_links .view_all {float:right !important;margin:0px 0 0;} #i_want_to {display:block;width:100%;float:left;clear:both;margin:0 0 30px;} #i_want_to h3 {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0017/142181/i_want_to.png?v=0.4.1) left top scroll no-repeat transparent;} #our_online_services {display:block;width:100%;float:left;clear:both;margin:0 0 0px;} #our_online_services h3 {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/142189/our_online_services.png?v=0.4.1) left top scroll no-repeat transparent;} /* Internal Page Intro Sections */ #makesuggestion { display: block; width: 60%; height: auto; margin: 0 2% 0 0 !important; padding: 0; float: left; clear: none; position: relative; background:/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/143651/orange_bg.png?v=0.2.1) center center scroll repeat */#f3901d; } #rightinfo, #pageintro { display: block; width: 75%; height: auto; margin: /*-25px*/0 0 30px 0%; padding: 0 0 43px; float: right; clear: right; position: relative; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/142918/hr_line.png?v=0.3.1) bottom center scroll repeat-x #FFF; /*overflow: hidden;*/ } #rightinfo {margin:0 0% 30px 0%;padding:0;background:none;} #rightinfo #pageintro {width:100%;float:left;} #rightinfo #pageslider #pageintro {width:100%;float:left;} #pageinfo { display: block; width: 68%; height: auto; margin: 0 0% 30px 0%; padding: 0; float: left; clear: none; position: relative; background: #FFF; /*overflow: hidden;*/ } /*#pageintro #pageinfo {width:100%;margin:0 !important;}*/ #rightinfo #pageinfo {margin:0;} #pageslider { display: block; width: 66%; height: auto; margin: 0 2% 0 0 !important; padding: 0; float: left; clear: none; position: relative; background: #FFF; overflow: hidden; } #pageinfo #pageslider {width:100%;margin:0 !important;} #rightinfo #pageinfo #pageintro {width:147%;} #pageinfo #events_date { border-bottom: 2px solid #003767 !important; } #pageinfo #events_date p { color: #003767 !important; } #pageinfo #calendar_view { color: #003767 !important; } #pageinfo #weekly_view, #pageinfo #monthly_view { color: #003767 !important; } #pageinfo #weekly_view:before, #pageinfo #monthly_view:before { color: inherit !important; } #pageinfo #weekly_view:hover, #pageinfo #monthly_view:hover { color: #003767 !important; } #pageinfo_calendar #events_calendar { display: block; width: 27%; height: auto; margin: /*30px*/0 0% 0 5%; padding: 0px 0 0; float: right; clear: none; position: relative; background: #FFF; } #pageinfo_calendar #events_calendar .cal {border:0px none !important;} #pageinfo_calendar #events_calendar .cal tr:nth-child(1) {display:none/*table-row*/;} #pageinfo_calendar #events_calendar .cal tr:nth-child(2) {display:none;} #pageinfo_calendar #events_calendar .cal tr:nth-child(3) td {font-weight:bold;} #pageinfo_calendar #events_calendar .cal tr td:nth-child(1) {display:none/*table-cell*/;/*text-indent:-999999px;width:0px;*/} #pageinfo_calendar #events_calendar .cal tr:nth-child(1) td:nth-child(1) {display:none/*table-cell*/;/*text-indent:0px;*/} #pageinfo_calendar #events_calendar .cal tr td {background:#FFF;color:#333;padding:10px 0 !important;border-collapse:collapse;width:14.285%; font-size:12px;font-family:Arial, Verdana, Helvetica, sans-serif;cursor:pointer;text-align:center;vertical-align:middle; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #pageinfo_calendar #events_calendar .cal_empty {color:#999 !important;} #pageinfo_calendar #events_calendar .cal tr.cal_ovr td {background:#FFF;color:#f3901d;} #pageinfo_calendar #events_calendar .cal tr td:hover {background:#003767;color:#FFF !important; /* Box Shadow */ -webkit-box-shadow: inset 0 0 0 1px #003767; -moz-box-shadow: inset 0 0 0 1px #003767; -ms-box-shadow: inset 0 0 0 1px #003767; -o-box-shadow: inset 0 0 0 1px #003767; box-shadow: inset 0 0 0 1px #003767; } #pageinfo_calendar #events_calendar .cal tr:nth-child(3) td:hover {background:#FFF !important;color:#FFF !important;cursor:default !important;} #pageinfo_calendar #events_calendar .cal tr:nth-child(3) td:hover {color:#333 !important;} #pageinfo_calendar #events_calendar .cal tr td[class*="_sel"] {background:#003767;border:0px none !important;color:#FFF !important;} #pageinfo_calendar #events_calendar .cal tr td[class="cal_today"] {background:#FFF;color:#333 !important; /* Box Shadow */ -webkit-box-shadow: inset 0 0 0 1px #003767; -moz-box-shadow: inset 0 0 0 1px #003767; -ms-box-shadow: inset 0 0 0 1px #003767; -o-box-shadow: inset 0 0 0 1px #003767; box-shadow: inset 0 0 0 1px #003767; } #pageinfo_calendar #events_calendar .cal tr td[class="cal_today"]:hover {background:#003767;} #pageinfo_calendar #events_calendar #calendar_month_year h3 {color:#003767;} #pageinfo_calendar #events_calendar #calendar_month_year a {color:#003767;} #pageinfo_calendar + #pageinfo ul.events-list li h2 {font-size:18px !important;font-weight:normal !important;color:#003767 !important;} #pageinfo_calendar + #pageinfo ul.events-list li h2 a {color:#003767 !important;border-bottom:1px solid #B5CFE6 !important;} #pageinfo_calendar + #pageinfo ul.events-list li h2 a:hover {color:#003767 !important;border-bottom:2px solid #003767 !important;} #pageinfo_links { display: block; width: 27%; height: auto; margin: /*30px*/0 0% 0 5%; padding: 0px 0 0; float: right; clear: none; position: relative; background: #FFF; } #pageintro_links { display: block; width: 27%; height: auto; margin: /*30px*/0 0% 0 5%; padding: 0px 0 0; float: right; clear: none; position: relative; background: #FFF; } #pageinfo_links #pageintro_links { width: 100%; margin: 0; } [class*="links_icon"] { padding: 31px 0 0 !important; } .links_icon { background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0019/143272/links_icon.png?v=0.2.1) left top scroll no-repeat transparent !important; } #info_btns { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0; float: right; clear: none; position: relative; /*overflow: hidden;*/ background: none; } #info_btns ul { display: block; width: 100%; height: auto; margin: 0 0 0px; padding: 0; float: left; clear: both; position: relative; /*overflow: hidden;*/ background: none; list-style: none none; } #info_btns ul li { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: both; position: relative; /*overflow: hidden;*/ background: none; list-style: none none; } #info_btns ul li > a { display: block; width: -moz-calc(100% - 30px) !important; width: -webkit-calc(100% - 30px) !important; width: calc(100% - 30px) !important; height: auto; margin: 0; padding: 10px 15px; float: left; clear: both; position: relative; list-style: none none; background: #333435; border-bottom: 1px solid #FFF !important; text-decoration: none; font-size: 14px; font-weight: bold; color: #FFF !important; text-transform: none; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #info_btns ul li > a#member_login { width: -moz-calc(50% - 31px) !important; width: -webkit-calc(50% - 31px) !important; width: calc(50% - 31px) !important; clear: none; border-right: 1px solid #FFF; z-index: 9; } #info_btns ul li > a#member_join { width: -moz-calc(50% - 30px) !important; width: -webkit-calc(50% - 30px) !important; width: calc(50% - 30px) !important; clear: none; margin: 0 0 0; border: 0px none; z-index: 8; } #info_btns ul li.active > a, #info_btns ul li > a.active, #info_btns ul li > a:hover {background:#155b61;} #info_btns ul li > a:before { display: block; margin: 0 /*10px */0 0; padding: 0; color: #FFF; width: 22px; height: 18px; float: left; clear: none; font: normal normal normal 1em/1 FontAwesome; text-align: left; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(1px); content: ""; text-indent: 1px; } #info_btns ul li > a#member_login:before {content:"\f023";font-size:18px;} #info_btns ul li > a#member_join:before {content:"\f067";font-size:18px;} #info_btns ul li > a#search_library-link:before {content:"\f002";font-size:16px;} .active > #search_library-link {margin-left:-19%;padding-left:-moz-calc(15px + 19%);padding-left:-webkit-calc(15px + 19%);padding-left:calc(15px + 19%);} .social_info { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0; float: left; clear: both; position: relative; overflow: hidden; background: none; list-style: none none; } .social_info li { display: block; width: auto; height: auto; margin: 0 6% 5px 0; padding: 0; float: left; clear: none; position: relative; overflow: hidden; background: none; list-style: none none; } .social_info li > a { display: block; width: 28px; height: 26px; margin: 0; padding: 0 0/*6px 6px*/; float: left; clear: none; position: relative; list-style: none none; background: trqansparent/*#163966*/; border-bottom: 0px none !important; text-decoration: none; text-transform: none; text-indent: -999999px; overflow: hidden; /* Border */ /*-webkit-border-radius: 1000%; -moz-border-radius: 1000%; -ms-border-radius: 1000%; -o-border-radius: 1000%; border-radius: 1000%;*/ /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .social_info li > a:before, .social_info li.facebook > a:before, .social_info li.twitter > a:before, .social_info li.instagram > a:before, .social_info li.pinterest > a:before, .social_info li.flickr > a:before, .social_info li.youtube > a:before, .social_info li.soundcloud > a:before, .social_info li.rssfeed > a:before { display: block; margin: 0; padding: 0; color: #163966; width: 28px; height: 26px; font: normal normal normal 1em/1 FontAwesome; font-size: 26px; text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(1px); content: ""; text-indent: 0; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .social_info li.active > a, .social_info li > a.active, .social_info li > a:hover {color:#27828a;background:transparent/*#155b61*/;} .social_info li a:hover:before { color: #27828a; text-decoration: none; border: 0px none; } .social_info li.email > a:before { content: "\f0e0"; } .social_info li.facebook > a:before { content: "\f09a"; } .social_info li.twitter > a:before { content: "\f099"; } .social_info li.instagram > a:before { content: "\f16d"; } .social_info li.pinterest > a:before { content: "\f0d2"; } .social_info li.flickr > a:before { content: "\f16e"; } .social_info li.youtube > a:before { content: "\f167"; } .social_info li.soundcloud > a:before { content: "\f1be"; } .social_info li.rssfeed > a:before { content: "\f09e"; } /* Font Awesome Icons */ .boxlink.box_icon_feedback.external:before, .boxlink.box_icon_feedback.external:after { content: "" !important; } [class*="links_icon_"]:before, [class*="box_icon_"]:before { font: normal normal normal 1em/1 FontAwesome; font-size: 31px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin: -31px 0 0; padding: 0; color: #003767; display: block; width: 100%; height: 31px; position: relative; text-align: left; } [class*="links_icon_"]:after, [class*="box_icon_"]:after { font: normal normal normal 1em/1 FontAwesome; font-size: 31px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin: 0; padding: 0; color: #003767; display: block; width: 100%; height: 31px; position: absolute; top: 0; left: 7px; text-align: left; } [class*="box_icon_"]:before, [class*="box_icon_"]:after {color:#FFF;} .links_icon_umbrella:before, .box_icon_umbrella:before { content: "\f0e9"; } .links_icon_rubbish:before, .box_icon_rubbish:before { content: "\f014"; } .links_icon_calendar:before, .box_icon_calendar:before { content: "\f073"; } .links_icon_book:before, .box_icon_book:before { content: "\f02d"; } .links_icon_comment:before, .box_icon_comment:before { content: "\f075"; } .links_icon_lightbulb:before, .box_icon_lightbulb:before { content: "\f0eb"; } .links_icon_leaf:before, .box_icon_leaf:before { content: "\f06c"; } .links_icon_question:before, .box_icon_leaf:before { content: "\f128"; } .links_icon_user:before, .box_icon_user:before { content: "\f007"; } .links_icon_info:before, .box_icon_info:before { content: "\f129"; } .links_icon_home:before, .box_icon_home:before { content: "\f015"; } .links_icon_bookings:before, .box_icon_bookings:before { content: "\f133"; } .links_icon_bookings:after { content: "\f040"; font-size: 18px; top: 10px; margin: 0px 0 0; } .box_icon_bookings:after { content: "\f040"; font-size: 18px; top: 10px; margin: 34px 0 0; } /*ul.icons {margin-left:0px !important;}*/ li[data-icons] { position: relative; } li[data-icons]:before { font: normal normal normal 1em/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: attr(data-icons); display: block; position: absolute; top: -moz-calc(50% - 0.5em); top: -webkit-calc(50% - 0.5em); top: calc(50% - 0.5em); top: 3px; left: -18px; background-color: #FFF; } ul.icons_img {margin-left:50px !important;display:flex;flex-direction:column;} ul.icons_img li[data-icons_img] { list-style: none; position: relative; margin-left: 0px !important; min-height: 40px; display: flex; align-items: center; justify-content: left; flex: 1; height: 100%; } ul.icons_img li[data-icons_img]:before { content: ""; display: block; position: absolute; top: -moz-calc(50% - 0.5em); top: -webkit-calc(50% - 0.5em); top: calc(50% - 0.5em); top: 3px; left: -50px; width: 40px; height: 40px; background-image: inherit; background-position: left top; background-attachment: scroll; background-repeat: no-repeat; background-color: #FFF; background-size: 100% auto; } /* News Section */ #haveyoursay_news { display: block; width: 65%; height: auto; margin: 0; padding: 0; float: left; clear: none; position: relative; background: none; } .news_section { display: block; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; height: auto; margin: 0; padding: 30px 20px; float: left; clear: none; position: relative; background: #ececec; /* Transition */ -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .news_section h3 { display: block; width: -moz-calc(100% - 34px) !important; width: -webkit-calc(100% - 34px) !important; width: calc(100% - 34px) !important; min-height: 27px; margin: 0 0 20px; padding: 8px 0 0 34px; float: left; clear: both; position: relative; border: 0px none; text-decoration: none; font-size: 25px; line-height: 100%; font-weight: bold; color: #003767; text-transform: none; } #haveyoursay_news > div:first-child {border-bottom:1px solid #003767;} #haveyoursay_section.news_section h3 {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0013/143032/have_your_say-blue.png?v=0.3.1) left 4px scroll no-repeat transparent;} #haveyoursay_section.news_section.opened h3 {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/142177/have_your_say-white.png?v=0.4.1) left 4px scroll no-repeat transparent;} #news_section.news_section h3 {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/142188/news-blue.png?v=0.4.1) left 4px scroll no-repeat transparent;} #news_section.news_section.opened h3 {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0014/143033/news-white.png?v=0.3.1) left 4px scroll no-repeat transparent;} .news_section ul { display: block; width: 100%; height: auto; margin: 0 0 0px; padding: 0; float: left; clear: both; position: relative; background: none; list-style: none none; overflow: visible; } .news_section ul li { display: block; width: -moz-calc(100% - 30px) !important; width: -webkit-calc(100% - 30px) !important; width: calc(100% - 30px) !important; height: auto; margin: 0 0 15px; padding: 0 15px; float: left; clear: both; position: relative; list-style: none none; border-bottom: 1px solid #c2c2c2; text-decoration: none; font-size: 13px; font-weight: bold; color: #333; text-transform: none; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .news_section ul li * { color: #333; } .news_section ul li:before { display: block; width: 6px; height: 9px; margin: 0; padding: 0; position: absolute; left: 0; top: 4px; content: ""; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142196/readmore-blue.png?v=0.4.1) left center scroll no-repeat transparent; } .news_section ul ul { list-style: disc outside none !important; } .news_section ul ul li { display: list-item; width: -moz-calc(100% - 18px) !important; width: -webkit-calc(100% - 18px) !important; width: calc(100% - 18px) !important; height: auto; margin: 0 0 10px 18px !important; padding: 0; float: left; clear: both; position: relative; list-style: disc outside none !important; border-bottom: 0px solid #c2c2c2 !important; text-decoration: none !important; font-size: 14px; font-weight: normal; color: #333; text-transform: none; } .news_section ul ul li:before { display: none; background: none; } .news_section ul ul > li:last-child { margin: 0 0 15px 18px !important; } #haveyoursay_news .showmore { width: -moz-calc(auto - 15px) !important; width: -webkit-calc(auto - 15px) !important; width: calc(auto - 15px) !important; width: auto; padding: 0 0 0 15px; } .news_section ul li strong {display:inline-block;font-size:15px;font-weight:bold !important;margin:0 0 10px;} .news_section ul li div strong {font-size:15px;font-weight:bold !important;margin:0 0 10px;} .news_section ul li a, .news_section ul li.textinfo div { display: block; width: 100%; height: auto; margin: 0; padding: 0 0 15px 0px !important; text-decoration: none; font-size: 14px; line-height: 140%; font-weight: normal; color: #333 !important; text-transform: none; border: 0px none !important; } .news_section ul li a.nopadding {padding:0px !important;} .news_section ul li p a {display:inline-block;padding:0px !important;} .news_section ul li:hover {border-bottom:1px solid #003767;} .news_section ul li:hover * {color:#003767 !important;} .news_section ul li:hover a {border:0px none !important;} .news_section ul li.textinfo:hover {border-bottom:1px solid #c2c2c2 !important;} .news_section ul li.textinfo:hover * {color:#333 !important;} .news_section ul li.textinfo div p {margin:0 0 10px !important;padding:0 !important;} .news_section ul li.textinfo div p:last-child {margin:0 !important;} .news_section ul li.textinfo div a {display:inline;width:auto;border-bottom:1px solid #B5CFE6 !important;padding:0 !important;} .news_section ul li.textinfo div a[href*='.pdf'], .news_section ul li.textinfo div a[href*='.PDF'] {padding:0 16px 0 0 !important;} .news_section ul li.textinfo a:hover {color:#003767 !important;border-bottom:2px solid #003767 !important;} .news_section ul li:nth-of-type(1) ~ li {/*display:none;*/ /* Transition */ /*-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;*/ } /* have your say */ .news_section.opened h3 {color:#FFF;} .news_section.opened ul li {border-bottom:1px solid #335f85;} .news_section.opened ul li * {color:#FFF;} .news_section.opened ul li:before {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/142199/readmore-white.png?v=0.4.1) left center scroll no-repeat transparent;} .news_section.opened {background:#003767;} .news_section.opened .view_all {color:#FFF !important;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/142782/folder_white.png?v=0.3.1) left top scroll no-repeat transparent;} .news_section.opened ul li a { display: block; width: 100%; height: auto; margin: 0; padding: 0; text-decoration: none; font-size: 14px; line-height: 140%; font-weight: normal; color: #FFF !important; text-transform: none; border: 0px none !important; } .news_section.opened ul li:hover {border-bottom:1px solid #FFF;} .news_section.opened ul li:hover * {color:#FFF !important;} .news_section.opened ul li:hover a {border:0px none !important;} .news_section.opened .showmore { color: #FFF !important; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/142199/readmore-white.png?v=0.4.1) left 3px scroll no-repeat transparent; } .news_section.opened .showmore:hover {color:#FFF !important;text-decoration:underline !important;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142781/readmore-white_down.png?v=0.3.1) left 3px scroll no-repeat transparent;} /* opened */ .news_section.opened ul li:nth-of-type(1) ~ li {display:block;} .news_section.opened .showmore {display:none;} .news_section ul li:last-child, .news_section ul li:last-child:hover {margin:0;border:0px none;} .news_section ul li:last-child a {padding:0 !important;} /* Events Slider */ #explore_collection { display: block; width: 100%; height: auto; margin: 0 auto; padding: 0; float: left; clear: both; position: relative; border: 0px none; background: none; text-decoration: none; text-align: center; } #explore_collection a { display: inline-block; width: /*100*/30%; max-width: 276px; height: auto; margin: /*0 29px 20px*/0 1% 20px; padding: 0; float: none; clear: none; position: relative; border: 0px none; background: none; text-decoration: none; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #explore_collection img { display: block; max-width: 100%; width: auto; height: 100%; max-height: 184px; margin: 0; padding: 0; position: relative; float: left; clear: both; border: 0px none !important; } #explore_collection span { display: block; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); margin: 0; padding: 10px 10px; position: absolute; top: auto; right: 0; bottom: 0; left: 0; float: none; clear: none; background: rgba(0, 0, 0, .75); color: #FFF; font-size: 18px; font-weight: bold; } #explore_collection a:hover {text-decoration:none !important;border:0px none !important; /* Opacity */ filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } #explore { display: block; width: 100%; height: auto; margin: 0 auto 40px; padding: 0; float: left; clear: both; position: relative; border: 0px none; background: none; text-decoration: none; } #explore h3 { display: block; width: -moz-calc(100% - 34px) !important; width: -webkit-calc(100% - 34px) !important; width: calc(100% - 34px) !important; min-height: 26px; margin: 0 auto 40px; padding: 4px 0 0 34px; float: none; clear: both; position: relative; border: 0px none; background: none; text-decoration: none; font-size: 25px; line-height: 100%; font-weight: bold; color: #003767; text-transform: none; } #explore h3:before { display: block; width: auto; height: auto; margin: 0; padding: 0; position: absolute; top: 0; left: 0; font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f128"; font-size: 30px; } #explore h3 .left { display: inline-block; } #explore .view_all { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0018/142173/folder_blue.png?v=0.4.1) left top scroll no-repeat transparent; float: right !important; color: #003767 !important; margin: 5px 0 0; } #explore .view_all:hover {text-decoration:underline !important;} #explore a { /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; border: 0px none !important; text-decoration: none !important; } #explore a:hover {text-decoration:none !important;} /* Events Slider */ #events h3 { display: block; width: -moz-calc(100% - 34px) !important; width: -webkit-calc(100% - 34px) !important; width: calc(100% - 34px) !important; min-height: 26px; margin: 0 auto 40px; padding: 4px 0 0 34px; float: none; clear: both; position: relative; border: 0px none; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/142167/events_calendar.png?v=0.4.1) left top scroll no-repeat transparent; text-decoration: none; font-size: 25px; line-height: 100%; font-weight: bold; color: #f3901d; text-transform: none; } #events h3 .left { display: inline-block; } #events .view_all { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0019/142174/folder_orange.png?v=0.4.1) left top scroll no-repeat transparent; float: right !important; color: #f3901d !important; margin: 5px 0 0; } #events .view_all:hover {text-decoration:underline !important;} #events .view_all.subscribe {margin-right:30px;background:none;} #events .view_all.subscribe:before { display: block; width: auto; height: auto; margin: 0% 0px 0 -23px; padding: 0; float: left; clear: none; position: relative; background: none; border: 0px none; font: normal normal normal 1em/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(1px); content: "\f0e0"; } #events a { display: block; float: none; margin: 0 auto; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; border: 0px none !important; text-decoration: none !important; } #events a:hover {text-decoration:none !important;} #events a:hover .event_date, #events a:hover .event_date_info, #events a:hover .event_info { color: #333 !important; } #events a:hover .event_headline, #events a:hover .readmore {color:#f3901d !important;text-decoration:underline !important;} #events a:hover img { /* Opacity */ filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } #events img {margin:0 auto 15px;} #events .readmore { display: block; width: -moz-calc(100% - 50px) !important; width: -webkit-calc(100% - 50px) !important; width: calc(100% - 50px) !important; margin: 0px 10px; padding: 0 15px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/142198/readmore-orange.png?v=0.4.1) left center scroll no-repeat transparent; color: #f3901d !important; float: none; clear: both; } .event_headline, .event_date, .event_date_info, .event_info { display: block; width: -moz-calc(100% - 20px) !important; width: -webkit-calc(100% - 20px) !important; width: calc(100% - 20px) !important; height: auto; margin: 0 auto 10px; padding: 0 10px; float: none; clear: both; font-size: 13px; color: #333; line-height: 140%; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .event_date, .event_date_info {font-style:italic;} .event_headline { font-size: 16px; font-weight: bold; color: #f3901d !important; } .event_info {margin:0 auto 15px;} /* Other Sites */ #other_sites { display: block; width: 30%; height: auto; margin: 0; padding: 0 0 0 5%; float: left; clear: none; position: relative; background: none; border-top: 1px solid #003767; } #other_sites h3 { display: block; width: 100%; min-height: 24px; margin: 55px 0 15px; padding: 43px 0 0 0px; float: left; clear: both; position: relative; border: 0px none; text-decoration: none; text-align: center; font-size: 20px; line-height: 100%; font-weight: bold; color: #003767; text-transform: none; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0017/142190/our_other_sites.png?v=0.4.1) center top scroll no-repeat transparent; } #other_sites ul { display: block; width: 100%; height: auto; margin: 0 0 30px; padding: 0; float: left; clear: both; position: relative; background: none; } #other_sites ul li { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: none; position: relative; background: none; } #other_sites ul li a { display: block; padding: 10px 0 10px 0; text-decoration: none; border-bottom: 1px solid #c2c2c2; line-height: 120%; color: #333; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #other_sites ul li a:hover {text-decoration:none;border:0px none;border-bottom:1px solid #27828a;color:#27828a;} /* Image Gallery */ #image_gallery, .image_gallery { display: block; width: 100%; min-height: 169px; margin: 0 -1000% 30px; padding: 30px 1000% 0px; float: left; clear: both; position: relative; background-image: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/142148/ajax-loader-body.gif?v=0.4.1); background-position: center 94px; background-attachment: scroll; background-repeat: no-repeat; background-color: #f9f9f9; /*overflow: hidden;*/ } #image_gallery.loaded, .image_gallery.loaded { background-image: none; } #image_gallery ul li img, #image_gallery ul li img:before, #image_gallery ul li img:after, .image_gallery ul li img, .image_gallery ul li img:before, .image_gallery ul li img:after, .jgallery ul li img:before, .jgallery ul li img:after { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } #image_gallery.gallery_activated, .image_gallery.gallery_activated {background:#ececec;} #image_gallery h2, .image_gallery h2, #jgallery-wrapper h2, .jgallery-wrapper h2 { display: block; width: 90%; min-width: 31px; min-height: 25px; margin: 0 auto 30px; padding: 4px 0 0 41px !important; float: none; clear: both; position: relative; border: 0px none; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/142779/image_gallery.png?v=0.3.1) left top scroll no-repeat transparent; text-decoration: none; font-size: 25px; line-height: 120%; font-weight: normal; color: #003767; text-transform: none; } #image_gallery h3, .image_gallery h3, #jgallery-wrapper h3, .jgallery-wrapper h3 { display: block; width: 90%; min-width: 31px; min-height: 25px; margin: 0 auto 30px; padding: /*4px*/0 0 0 41px !important; float: none; clear: both; position: relative; border: 0px none; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/142779/image_gallery.png?v=0.3.1) left top scroll no-repeat transparent; text-decoration: none; /*font-size: 25px;*/ line-height: 120%; font-weight: normal; /*color: #003767;*/ text-transform: none; } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block; margin: 0 auto 0px;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* Custom FlexSlider Styles */ .flex-control-nav, .flex-direction-nav {display:block;} .flex-control-paging {display:none;} #slider .flex-direction-nav, [id*="slider_"] .flex-direction-nav, .slider .flex-direction-nav { display: none; width: 100%; height: 100%; margin: 0; padding: 0; float: none; clear: none; position: absolute; top: 0%; left: 0; background: none; z-index: 99; } #slider .flex-direction-nav li, [id*="slider_"] .flex-direction-nav li, .slider .flex-direction-nav li { display: block; width: 10%; width: 59px; height: 59px; margin: -15px 0 0; padding: 0; float: none; clear: none; position: absolute; top: 50%; left: 2%; /*background: rgba(0,0,0,0.70);*/ background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/142171/fallback.png?v=0.4.1) center top scroll repeat transparent; /* Border */ -webkit-border-radius: 1000%; -moz-border-radius: 1000%; -ms-border-radius: 1000%; -o-border-radius: 1000%; border-radius: 1000%; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #slider .flex-direction-nav li:last-child, [id*="slider_"] .flex-direction-nav li:last-child, .slider .flex-direction-nav li:last-child { left: auto; right: 2%; } #slider .flex-direction-nav li a, [id*="slider_"] .flex-direction-nav li a, .slider .flex-direction-nav li a { display: block; width: 59px; height: 59px; margin: 0; padding: 0; float: left; clear: both; position: relative; border: 0px none !important; text-indent: -999999px; overflow: hidden; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/145988/arrows_slider-left-white.png?v=0.2.1) center center / auto auto scroll no-repeat transparent; /*background-size: auto auto;*/ /* Transition */ /*-webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s; transition: 0.50s;*/ /* Opacity */ /*filter: alpha(opacity=25); -khtml-opacity: 0.25; -webkit-opacity: 0.25; -moz-opacity: 0.25; -ms-opacity: 0.25; -o-opacity: 0.25; opacity: 0.25;*/ } #slider .flex-direction-nav li:last-child a, [id*="slider_"] .flex-direction-nav li:last-child a, .slider .flex-direction-nav li:last-child a { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0009/145989/arrows_slider-right-white.png?v=0.2.1) center center scroll no-repeat transparent; /*background-size: auto auto;*/ } #slider .flex-direction-nav li:hover, [id*="slider_"] .flex-direction-nav li:hover, .slider .flex-direction-nav li:hover { /* Opacity */ filter: alpha(opacity=50); -khtml-opacity: 0.50; -webkit-opacity: 0.50; -moz-opacity: 0.50; -ms-opacity: 0.50; -o-opacity: 0.50; opacity: 0.50; } /* Carousel */ #carousel, [id*="carousel_"], .carousel { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: both; position: relative; background: none; /* Opacity */ filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } #carousel ul, [id*="carousel_"] ul, .carousel ul { display: block; width: 100%; max-height: 110px; margin: 0; padding: 0; float: left; clear: both; position: relative; background: none; list-style: none none; overflow: hidden; } #carousel ul li .flex_active_slide, [id*="carousel_"] ul li .flex_active_slide, .carousel ul li .flex_active_slide { display: block; width: 100%; height: 100%; margin: 0; padding: 0; float: none; clear: none; position: absolute; top: 0; left: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0012/142212/transparent.gif?v=0.4.1) center center scroll repeat transparent; outline: none; cursor: pointer; z-index: 99; } #carousel ul li, [id*="carousel_"] ul li, .carousel ul li { display: block; width: 150px; max-height: 110px; margin: 0 20px 0 0; padding: 0 0px 0 0; float: left; clear: none; position: relative; background: none; outline: none; cursor: pointer; overflow: hidden; } #carousel ul li:before, [id*="carousel_"] ul li:before, .carousel ul li:before, .jgallery ul li > a:before { display: block; width: 16px; height: 17px; margin: 0; padding: 10px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0011/142778/zoom_in.png?v=0.3.1) center center scroll no-repeat transparent; background-color: #ececec; content: ""; /* font-family: 'FontAwesome'; font-size: 24px; font-weight: normal; color: #003767; text-rendering: auto; */ /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ /*content: "\f00e";*/ position: absolute; bottom: 0; right: 0px; z-index: 9; } #carousel ul li.flex-active-slide:before, [id*="carousel_"] ul li.flex-active-slide:before, .carousel ul li.flex-active-slide:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0010/142777/zoom_out.png?v=0.3.1) center center scroll no-repeat transparent; background-color: #ececec; /* content: "\f010";*/ } #carousel ul li img, [id*="carousel_"] ul li img, .carousel ul li img, .jgallery ul li img { /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; /* Opacity */ filter: alpha(opacity=100); -khtml-opacity: 1.0; -webkit-opacity: 1.0; -moz-opacity: 1.0; -ms-opacity: 1.0; -o-opacity: 1.0; opacity: 1.0; } #carousel ul li.flex-active-slide img, #carousel ul li:hover img, [id*="carousel_"] ul li.flex-active-slide img, [id*="carousel_"] ul li:hover img, .carousel ul li.flex-active-slide img, .carousel ul li:hover img, .jgallery ul li.flex-active-slide img, .jgallery ul li:hover img { /* Opacity */ filter: alpha(opacity=50); -khtml-opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; } /* Image Gallery Slider */ #slider, [id*="slider_"], .slider { display: none; width: 100%; max-width: 1012px; height: auto; margin: 0; padding: 0px 0 30px; float: left; clear: both; position: relative; background: none; } #slider img, [id*="slider_"] img, .slider img { display: block; min-width: 100px !important; max-width: 100% !important; height: auto !important; } #slider ul, [id*="slider_"] ul, .slider ul { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: none; clear: both; position: relative; background: none; list-style: none none; } #slider ul li, [id*="slider_"] ul li, .slider ul li { display: inline-block !important; width: auto; height: auto; margin: 0; padding: 0; float: none; clear: none; position: relative; background: none; vertical-align: middle; /* Transition */ /*-webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s; transition: 0.50s;*/ } .caption, .gallery_caption, #slider .gallery_caption, [id*="slider_"] .gallery_caption, .slider .gallery_caption { display: none; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; height: auto; margin: 0; padding: 20px 20px; float: left; clear: both; position: relative; background: #333; font-size: 14px; line-height: 140%; color: #FFF; text-transform: none; } .caption {display:block;} /* Gallery Controls */ .gallery_controls { display: block; width: 100%; min-height: 31px; height: auto; margin: 0; padding: 30px 0; float: left; clear: both; position: relative; background: none; } .gallery_controls .flex-direction-nav { display: none; width: 81px; height: auto; margin: 0 0 0 -41px; padding: 0; float: none; clear: none; position: absolute; left: 50%; background: none; } .gallery_controls .flex-direction-nav li { display: block; width: auto; height: auto; margin: 0; padding: 0; float: left; clear: none; background: none; } .gallery_controls .flex-prev, .gallery_controls .flex-next { display: block; width: 40px; height: 31px; margin: 0; padding: 0; float: left; clear: none; position: relative; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0017/142163/controls_next.png?v=0.4.1) right center scroll no-repeat transparent; font-size: 11px; color: #003767; text-decoration: none; overflow: hidden; text-indent: -999999px; border: none 0px !important; /* Transition */ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .gallery_controls .flex-prev {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0018/142164/controls_prev.png?v=0.3.2) left center scroll no-repeat transparent;} .gallery_controls .divider { display: block !important; width: 1px !important; height: 31px !important; margin: 0 !important; padding: 0 !important; float: left !important; clear: none !important; position: relative !important; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/142162/controls_line.png?v=0.4.1) center center scroll no-repeat transparent !important; border: none 0px !important; } .gallery_icons { display: block; width: auto; height: 10px; margin: 0; padding: 10px 0 10px 78px; float: left; clear: both; position: relative; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142772/line-nav_icons.png?v=0.3.1) left center scroll no-repeat transparent; /* Opacity */ filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } .loaded .gallery_icons { /* Opacity */ filter: alpha(opacity=1); -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } .gallery_icons ul { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: both; position: relative; background: none; list-style: none none; } .gallery_icons ul li { display: block; width: auto; height: auto; margin: 0 5px 0 0; padding: 0; float: left; clear: none; position: relative; background: none; outline: none; cursor: pointer; } .gallery_icons a { display: block; width: 10px; height: 10px; margin: 0; padding: 0; float: left; clear: none; overflow: hidden; text-indent: -999999px; /*background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/142774/control_icons.png?v=0.3.1) -11px 0px scroll no-repeat transparent;*/ background-color: #003767; border: none 0px !important; /* Border */ -webkit-border-radius: 1000%; -moz-border-radius: 1000%; -ms-border-radius: 1000%; -o-border-radius: 1000%; border-radius: 1000%; /* Transition */ -webkit-transition: 0.25s !important; -moz-transition: 0.25s !important; -ms-transition: 0.25s !important; -o-transition: 0.25s !important; transition: 0.25s !important; } .gallery_icons a:hover, .gallery_icons .flex-active-icon a {/*background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/142774/control_icons.png?v=0.3.1) 0px 0px scroll no-repeat transparent;*/background-color:#27828a;} .gallery_close { display: none; width: 40px; height: 31px; margin: 0; padding: 0; float: right; clear: none; position: relative; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/142771/gallery_close.png?v=0.3.1) center center scroll no-repeat transparent; /*background-size: 100% auto;*/ overflow: hidden; text-indent: -999999px; border: none 0px !important; /* Transition */ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #date_last_updated { display: block; width: auto; height: auto; margin: 0; padding: 0; float: none; clear: none; position: absolute; left: 0; bottom: 20px; overflow: hidden; background: none; font-size: 12px; color: #FFF; } #backtop_sharethis { display: block !important; width: 75% !important; height: auto !important; margin: 0px -1000% 0px 25% !important; padding: 0px 1000% 0px 0% !important; float: left !important; clear: both !important; position: relative !important; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/143229/backtop_sharethis.png?v=0.2.1) left center scroll repeat-x #FFF !important; } #fullcol > .section #backtop_sharethis {margin:0px -1000% 0px 0% !important;} #backtop { display: block; width: auto; height: auto; margin: 0; padding: 20px 20px; float: right; clear: none; position: relative; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/143228/backtop.png?v=0.2.1) center top scroll no-repeat #FFF; border: 0px none !important; color: #333 !important; text-decoration: none important!; text-transform: uppercase; font-size: 14px; font-weight: bold; } #backtop:hover, #sharethis:hover { color: #003767 !important; } #sharethis { display: block; width: auto; height: auto; margin: 0; padding: 20px 20px; float: left; clear: none; position: relative; background: /*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0013/143230/sharethis.png?v=0.2.1) center top scroll no-repeat*/ #FFF; border: 0px none !important; color: #333; text-decoration: none !important; text-transform: uppercase; font-size: 14px; font-weight: bold; cursor: pointer; } #sharethis:before { display: block; width: 30px; height: 30px; text-align: center; margin: 0 0 0 -15px; padding: 0; position: absolute; top: 0; left: 50%; color: inherit; font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f064"; } #sharethis.icons:before { display: block; width: 16px; height: 13px; margin: 0 0 0 -8px; padding: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/154051/share.png?v=0.2.1) center top scroll no-repeat #FFF; content: ""; position: absolute; top: 0px; left: 50%; } #sharethis .addthis_toolbox { display: none; width: 210px; height: auto; margin: 0; padding: 10px 10px 0px 20px/*20px 24px 10px*/; float: left; clear: none; position: absolute; bottom: -2px; left: 68px; background: #FFF/*003767*/; text-decoration: none !important; text-align: center; z-index: 99; } #sharethis .addthis_toolbox > * {display:block;min-width:32px;min-height:32px;margin:0 10px 10px 0 !important;padding:0;position:relative;float:left;clear:none;border:0 none !important;text-decoration:none !important;} #sharethis .addthis_toolbox .atclear {display:none !important;} #events_sharethis { display: block; /*min-width: 210px; min-height: 32px;*/ max-height: 999999px; width: auto; height: auto; margin: 0 0 15px; padding: 0; float: left; clear: both; position: relative; background: /*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0013/143230/sharethis.png?v=0.2.1) center top scroll no-repeat*/ #FFF; border: 0px none !important; color: #333; text-decoration: none !important; text-transform: none; font-size: 14px; font-weight: normal; cursor: pointer; } #events_sharethis:before { display: inline-block; width: auto; height: auto; text-align: left; line-height: 100%; margin: 0 5px 0px 0; padding: 0; position: relative; float: none; clear: none; color: inherit; font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f064"; font-size: 12px; } #event_location {display:none;width:100%;height:250px;float:left;clear:both;position:relative;margin:-5px 0 20px;padding:0;} #events_sharethis { color: #333; cursor: pointer; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #location_map { display: block; width: auto !important; float: left !important; color: #333; text-decoration: none !important; text-transform: none; font-size: 14px; font-weight: normal; cursor: pointer; } #location_map.active, #location_map:hover, #events_sharethis.active, #events_sharethis:hover { color: #f3901d; } #events_sharethis + .addthis_toolbox { display: none; width: 100%; height: auto; margin: -5px 0 5px; padding: 0; float: left; clear: both; position: relative; /*top: 0; left: 0;*/ background: #FFF/*003767*/; text-decoration: none !important; text-align: center; z-index: 99; } #events_sharethis + .addthis_toolbox > * {display:block;min-width:32px;min-height:32px;margin:0 10px 10px 0 !important;padding:0;position:relative;float:left;clear:none;border:0 none !important;text-decoration:none !important;} #events_sharethis + .addthis_toolbox .atclear {display:none !important;} /* Tabs */ [id*="_categories"], #fullcol [id*="_categories"] { display: block; width: 75%; margin: 0 auto 30px !important; padding: 0 !important; border-bottom: 1px solid #003767 !important; float: right; clear: none; z-index: 9; } .section [id*="_categories"], #fullcol .section [id*="_categories"] { width: 100%; float: left; clear: both; } [id*="_categories"] > a, #fullcol [id*="_categories"] > a { display: block !important; width: auto !important; height: auto !important; margin: 0 5px -1px 0 !important; padding: 10px 10px !important; float: left !important; clear: none !important; position: relative !important; background: none !important; border-top: 1px solid #003767 !important; border-right: 1px solid #003767 !important; border-bottom: 1px solid #ececec !important; border-left: 1px solid #003767 !important; background: #ececec !important; color: #003767 !important; font-size: 14px; text-align: center; text-transform: uppercase; /* Transition */ -webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s; transition: 0.50s; } [id*="_categories"] > a:hover, #fullcol [id*="_categories"]> a:hover { background: #FFF !important; border-bottom: 1px solid #FFF !important; color: #003767 !important; } [id*="_categories"] > a.active, #fullcol [id*="_categories"]> a.active { background: #003767 !important; border-bottom: 1px solid #003767 !important; color: #FFF !important; cursor: default !important; } /* Sections */ #fullcol .categories {border:0px none !important;} #fullcol .categories + .categories {display:none;} /* Related Links Section */ #box_links { display: block; width: 75%; height: auto; margin: 0; padding: 0; float: right; clear: none; position: relative; background: none; } #pageinfo #box_links {width:147%;float:left;} .boxlink { display: block; width: -moz-calc(45% - 20%); width: -webkit-calc(45% - 20%); width: calc(45% - 20%); height: auto; margin: 0 0 30px; padding: 50px 10%; float: left; clear: none; position: relative; background:/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/143651/orange_bg.png?v=0.2.1) center center scroll repeat */#2F8AC5; border: 0px none !important; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .boxlink.feedback, .boxlink.box_icon_feedback { padding: 50px 10% 50px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/143348/make_suggestion-white.png?v=0.2.1) center 35px scroll no-repeat #2F8AC5; } .boxlink.feedback { padding-top: 80px; } .boxlink[class*="box_icon_"]:before { padding: 15px 0; color: #FFF; } .boxlink:hover { background-color: #333; } .boxlink .headline { display: block; width: 100%; height: auto; margin: 0 0 15px; padding: 0; float: none; clear: both; font-size: 20px; font-weight: bold; color: #FFF; text-align: left; text-decoration: none; border: 0px none !important; } .boxlink .inform { display: block; width: 100%; height: auto; margin: 0 0 15px; padding: 0; float: none; clear: both; font-size: 14px; line-height: 140%; font-weight: normal; color: #FFF; text-decoration: none; border: 0px none !important; } .boxlink .request { display: block; width: auto; height: auto; margin: 0; padding: 0 0 0 16px; float: left; clear: both; position: relative; color: #FFF !important; font-size: 14px; font-weight: bold; text-decoration: none; border: 0px none !important; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/142199/readmore-white.png?v=0.4.1) left center scroll no-repeat transparent; } .boxlink .request:hover{ color: #FFF !important; border: 0px none !important; text-decoration: underline; } #box_links .pagelinks { display: block; width: 30%; height: auto; margin: 0 10% 30px 5%; padding: 0; float: right; clear: right; position: relative; } #box_links .pagelinks h3 { display: block; width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: calc(100% - 25px); min-height: 16px; margin: 0 0 10px; padding: 20px 0 20px 25px; float: none; clear: both; color: #333; text-align: left; border-bottom: 4px solid #333; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/143349/related_links-black.png?v=0.2.1) left 18px scroll no-repeat transparent; } #box_links .pagelinks ul li a { color: #333; border-bottom: 1px solid #333; display: block; line-height: 120%; padding: 10px 0; text-decoration: none; } #box_links .pagelinks ul li a:hover { color: #27828a !important; text-decoration: none !important; border-bottom: 1px solid #27828a !important; } #box_links.nobox { display: block; width: 75%; height: auto; margin: 0; padding: 0; float: right; clear: none; position: relative; } #box_links.nobox .boxlink {display:none;} #box_links.nobox .pagelinks { display: block; width: 33%; height: auto; margin: 0 10% 30px 0; padding: 0; float: left; clear: none; position: relative; background: none; } /* Shared Stories */ #stories-list .stories { display: block !important; width: 100% !important; height: auto !important; margin: 0 0 30px !important; padding: 0 0 15px !important; float: left !important; clear: both !important; position: relative !important; border-bottom: 1px solid #c2c2c2 !important; } #stories-list .stories.last, #stories-list .stories:last-child {border:0px none !important;} #stories-list .story-detail { display: block; width: 70%; height: auto; margin: 0 0 15px 5%; padding: 0; float: left; } #stories-list hr, #stories-list .hr {display:none;} #stories-list .story-thumb { display: block; max-width: 25%; height: auto; margin: 0 0 15px 0; padding: 0; background: none; float: left; } /*-------------------------------------------- Newsletters */ #fullcol .selections, #fullcol .unselections { display: block; width: 94%; height: auto; margin: 0 0 10px; padding: 3% 3%; float: left; clear: both; position: relative; cursor: pointer; background: none repeat scroll 0 0 transparent; /*-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;*/ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #fullcol .forminfo { display: block; width: -moz-calc(100% - 30px) !important; width: -webkit-calc(100% - 30px) !important; width: calc(100% - 30px) !important; height: auto; margin: 0 0 10px; padding: 15px 15px 0; float: left; clear: both; position: relative; background: none repeat scroll 0 0 transparent; /*-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;*/ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #fullcol .selections:hover, #fullcol .unselections:hover, #fullcol .forminfo:hover { background: none repeat scroll 0 0 #ebebeb; } #fullcol .selections.selected, #fullcol .unselections.selected, #fullcol .forminfo.focus { background: none repeat scroll 0 0 #ebebeb/*#D6D38C*/; } #fullcol .checkbox { display: block !important; width: auto; height: auto; margin: 3px 10px 0 0 !important; padding: 0 0 0; float: left !important; cursor: pointer; } #fullcol .iconImg { display: block; width: 80px; height: auto; margin: 0 0 0 0; padding: 0 0 0; float: right; } #fullcol .iconImg img {width:80px;} #fullcol .subscribeList, #fullcol .success, #fullcol .unsubscribeList { display: block; width: 65%; height: auto; margin: 0 0 0; padding: 0 0 0; float: left; } #fullcol .infor {display:block;} #fullcol .success {display:none;} #fullcol .subscribeList p, #fullcol .unsubscribeList p {float:left;margin:0 0 0;} #fullcol .subscribeList img, #fullcol .unsubscribeList img {float:left;max-height:70px;} #fullcol .success img {float:right;max-height:50px;} #fullcol #subInfo, #fullcol #subReturn, #fullcol #unsubInfo, #fullcol #unsubReturn { display: block; width: inherit; height: auto; margin: 0; padding: 0; clear: both; } #fullcol #subReturn, #fullcol #unsubReturn { display: none; } #fullcol .subForm {display:none;clear:both;} #fullcol .subscribeList .latest-enews, #fullcol .success .latest-enews, #fullcol .unsubscribeList .latest-enews {display:none;} /* Funnelback Search */ #search_form_section { display: block; width: 100%; height: auto; margin: 0 0 0px; padding: 15px 0 30px !important; float: left; clear: both; position: relative; border-top: 1px solid #c2c2c2; } .tier_header_featured { display: inline-block !important; margin: 0 0 0px 0 !important; padding: 15px 20px 0px 20px !important; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; float: none !important; line-height: 140%; background: /*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/143087/info-icon.gif?v=0.2.1) no-repeat scroll 2% 10px */#ebeef2 !important; position: relative; border: 0px solid #003767 !important; /* Border */ -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } #recommended { display: inline-block !important; margin: 0 0 30px 0 !important; padding: 15px 20px 15px 20px !important; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; float: none !important; font-size: 14px; line-height: 140%; background: /*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/143087/info-icon.gif?v=0.2.1) no-repeat scroll 2% 10px */#ebeef2 !important; position: relative; border: 0px solid #003767 !important; /* Border */ -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } /* Social Media - Sections */ .socialmedia, #fullcol > .section > .socialmedia { display: block; width: 45%; height: auto; min-height: 184px; margin: 0 5% 30px 0; padding: 0 0 15px; float: left; clear: none; position: relative; background: none; border-bottom: 1px solid #c2c2c2; } /* Search Library */ .pagelinks ul li.search_library a { position: relative; width: -moz-calc(100% - 0px); width: -webkit-calc(100% - 0px); width: calc(100% - 0px); padding: 10px 0px 10px 0px; } .pagelinks ul li.search_library a:before { content: "\f002"; color: #003767; font: normal normal normal 1em/1 FontAwesome; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(1px); margin: 0 10px 0 0; } .pagelinks ul li.search_library a:hover:before { color: #27828a; } .pagelinks ul li.search_library.active a { /*background: #003767 none repeat scroll 0 0 !important; color: #FFF !important; border-bottom: 1px solid #003767 !important;*/ } .pagelinks ul li.search_library.active a:before { /*color: #FFF !important;*/ } /* Search Library */ #search_library { display: none; width: 68%/*73%*/; height: auto; padding: 0; margin: 0 0 25px; float: left; clear: both; position: absolute; top: 0; left: 0; overflow: hidden; background: #155b61 none repeat scroll 0 0 !important; /*background-color: rgba(0, 55, 103, 0.9) !important;*/ z-index: 998; } #search_library.area { display: none; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px); height: -moz-calc(100% - 100px); height: -webkit-calc(100% - 100px); height: calc(100% - 100px); padding: 50px 50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #search_library.active, #search_library.active #search_library-close, #search_library.active form { display: block; } #search_library-close { display: block; width: 16px; height: 20px; margin: 0/*2px 0 0 10px*/; padding: 0; position: absolute; top: 17px; right: 20px; float: none; clear: none; font-size: 28px; /*font-weight: normal;*/ color: #FFF !important; background: none/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/163664/close-black.png?v=0.2.1) left 3px scroll no-repeat #c2c2c2*/; line-height: 24px; border: 0px none !important; text-decoration: none; /*text-transform: uppercase;*/ z-index: 99; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } /*#search_library-close:hover { text-decoration: underline !important; }*/ #whatsearch-library, #login-library { display: block; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); height: auto; padding: 20px 60px 20px 20px; margin: 0; float: left; clear: none; position: relative; font-size: 20px; /*font-weight: bold;*/ line-height: 100%; color: #FFF !important; background: none; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #login-library {display:none;} #search_library form { display: block; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); height: auto; padding: 0px 20px 20px; margin: 0; float: left; clear: both; background: none; position: relative; } #search_library form > div { display: block; width: 100%; height: auto; margin: 0 0 10px; padding: 0px 0 0; float: left; clear: both; background: none; position: relative; border-top: 0px solid #FFF; } #search_library .cat_textbox { display: block; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); height: auto; margin: 0; padding: 10px 60px 10px 20px; font-size: 20px; font-weight: normal; font-style: italic !important; text-transform: none; color: #999 !important; background: #FFF; border: 0px none; float: left; clear: both; white-space: nowrap; word-wrap: break-word; /* for IE, Firefox since 3.5 and Opera since 10.5 */ overflow: hidden; /* required for text-overflow */ text-overflow: ellipsis; /* for IE and WebKit (Safari, Chrome) */ -o-text-overflow: ellipsis; /* for Opera since 9.0 */ } #search_library .cat_textbox.focus, #search_library .cat_textbox:focus {color:#333 !important;font-style:normal !important; /* Box Shadow */ -webkit-box-shadow: 0 0 3px 0 #333/*, 0 1px 3px #003767 inset*/; -moz-box-shadow: 0 0 3px 0 #333/*, 0 1px 3px #003767 inset*/; -ms-box-shadow: 0 0 3px 0 #333/*, 0 1px 3px #003767 inset*/; -o-box-shadow: 0 0 3px 0 #333/*, 0 1px 3px #003767 inset*/; box-shadow: 0 0 3px 0 #333/*, 0 1px 3px #003767 inset*/; } #search_library .cat_button { background: transparent url(https://www.woollahra.nsw.gov.au/__data/assets/image/0011/165467/search-black.png?v=0.2.1) no-repeat scroll left top; border: 0 none; display: block; font-size: 0; height: 30px; line-height: 999999px; margin: -15px 0 0; overflow: hidden; padding: 0; position: absolute; right: 10px; text-indent: -999999px; top: 50%; width: 30px; } #search_library label { display: inline-block; width: auto; height: auto; margin: 0 10px 0 0; padding: 0; float: none; clear: none; position: relative; overflow: hidden; background: none; font-size: 14px; color: #FFF; } #search_library input[type="radio"] { display: inline-block; width: auto; height: auto; margin: 0 5px 10px 0; padding: 0; float: none; clear: none; position: relative; overflow: hidden; background: none; } #enews_subscribe, #rightinfo > [id*="div_"] > #enews_subscribe, #rightinfo > [id*="container_"] > #enews_subscribe { display: block; width: -webkit-calc(196% - 65px); width: -moz-calc(196% - 65px); width: calc(196% - 65px); height: auto; margin: 0 0% 30px -49%; padding: 5px 5px 5px 60px; float: none; clear: both; position: relative; overflow: hidden; text-decoration: none; background: #597d9c; border: 0px none !important; font-size: 20px; font-weight: bold; line-height: 100%; color: #FFF !important; /* Border Radius */ /*-webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;*/ /* Transition */ -webkit-transition: 0.25s !important; -moz-transition: 0.25s !important; -ms-transition: 0.25s !important; -o-transition: 0.25s !important; transition: 0.25s !important; } #fullcol > [id*="div_"] > * #enews_subscribe, #fullcol > [id*="container_"] > * #enews_subscribe, #rightinfo > [id*="div_"] #enews_subscribe, #rightinfo > [id*="container_"] #enews_subscribe, #pageinfo > [id*="div_"] #enews_subscribe, #pageinfo > [id*="container_"] #enews_subscribe { width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); height: auto; margin: 0 0 0px; } #enews_subscribe:hover {text-decoration:none;border:0px none !important;background:#003767;} #enews_subscribe span {display:block;font-size:14px;font-weight:normal;line-height:120%;margin:1px 0 0;} #enews_subscribe.external:after {content:none !important;} #enews_subscribe:before { display: block; width: auto; height: auto; margin: -3px 0 0 -50px; padding: 0; float: left; clear: none; position: relative; background: none; border: 0px none; font: normal normal normal 1em/1 FontAwesome; font-size: 40px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(1px); content: "\f0e0"; } /** Section Areas **/ .section_areas { display: block !important; width: 75% !important; height: auto !important; float: right !important; clear: both !important; position: relative !important; background: none !important; } #rightinfo .section_areas { width: 100% !important; float: left !important; } .section_areas .area { display: block !important; width: -moz-calc(48% - 60px) !important; width: -webkit-calc(48% - 60px) !important; width: calc(48% - 60px) !important; height: auto !important; min-height: 100px !important; margin: 0 2% 15px 0 !important; padding: 0 0 0 60px !important; float: left !important; clear: left !important; position: relative !important; background: none !important; } .section_areas .area:before { display: block !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; position: absolute !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 0 !important; text-align: center; text-indent: 0; color: #003767; font: normal normal normal 30px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; } .section_areas .area.find:before { content: "\f002"; } .section_areas .area.join:before { content: "\f234"; } .section_areas .area.borrow:before { content: "\f02d"; } .section_areas .area.book:before { content: "\f271"; } .section_areas .area.renew:before { content: "\f00c"; } .section_areas .area.fees:before { content: "\f155"; } .section_areas .area:nth-child(2n) { margin: 0 0 0 2% !important; float: right !important; clear: right !important; } .section_areas .area h3 { color: #003767 !important; margin: 0 0 0px !important; } /** Other Search **/ #div_meetingsearch input[type="text"], #ebscohostsearchtext { width: -moz-calc(100% - 123px) !important; width: -webkit-calc(100% - 123px) !important; width: calc(100% - 123px) !important; margin: 0 10px 0 0; padding: 10px 10px; clear: none; } #div_meetingsearch input[type="submit"], #ebscohostsearchtext + input[type="submit"] { width: 91px; height: 42px; float: left; clear: none; } /* # { display: block; width: 100%; max-width: 1012px; height: auto; min-height: 100px; margin: 0 auto; padding: 0; float: none; clear: both; position: relative; overflow: hidden; background: none; } . { display: block; width: 100%; max-width: 1012px; height: auto; min-height: 100px; margin: 0 auto; padding: 0; float: none; clear: both; position: relative; overflow: hidden; background: none; } */ /* ========================================================================== OTHER ========================================================================== */ /* AJAX Loader */ .loading_content { display: block; width: 100px !important; height: 100px !important; margin: 0 auto !important; padding: 0 !important; float: none !important; clear: both !important; position: relative; overflow: hidden; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/142148/ajax-loader-body.gif?v=0.4.1) center center scroll no-repeat transparent; } /* Responsive */ img.responsive, .responsive > * {max-width:100% !important;width:auto !important;} /* Buttons */ .btns { /*background-image: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0018/142209/sprite.png?v=0.4.1);*/ background-attachment: scroll; background-repeat: no-repeat; background-color: transparent; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } /* Councillor's Logout */ #logout-button { display: none !important; } /* Blockquotes */ /*q, blockquote { quotes: "\201C" "\201D" "\2018" "\2019"; }*/ q:before, #fullcol * > q:before { color: #ccc; content: "\201C"/*open-quote*/; display: block; font: italic 56px/1 Georgia,"Times New Roman",serif; height: 0; margin: -15px 0 0 -30px; float: left; } /*q:after, #fullcol * > q:after { content: no-close-quote; }*/ q, #fullcol * > q { display: block; width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; /*width: 100% !important;*/ clear: none; padding: 15px 10px 15px 30px !important; border: 0px 0px 0px solid #ddd; border-left: 6px solid #ddd; color:#333;font-size:14px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:140%; } #fullcol > [id*="div_"] > q, #fullcol > [id*="container_"] > q, #fullcol > [id*="sq_"] > q, #fullcol > .default > q, #portal_left > [id*="div_"] > q, #portal_left > [id*="container_"] > q, #portal_left > [id*="sq_"] > q, #portal_left > .default > q, #rightinfo > [id*="div_"] > q, #rightinfo > [id*="container_"] > q, #rightinfo > [id*="sq_"] > q, #rightinfo > .default > q { /*width: -moz-calc(70% - 40px) !important; width: -webkit-calc(70% - 40px) !important; width: calc(70% - 40px) !important;*/ width: auto !important; clear: none; } #fullcol > .section > q, #fullcol > .fullwidth > q, #fullcol > [id*="form_"] > q, #portal_left > [id*="form_"] > q, #rightinfo > [id*="form_"] > q { /*width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important;*/ width: auto !important; clear: none; } #fullcol > .leftonly > q, #fullcol > .section.leftonly > q, #portal_left > .leftonly > q, #portal_left > .section.leftonly > q, #rightinfo > .leftonly > q, #rightinfo > .section.leftonly > q { /*width: -moz-calc(70% - 40px) !important; width: -webkit-calc(70% - 40px) !important; width: calc(70% - 40px) !important;*/ width: auto !important; clear: none; } q > *:last-child, #fullcol * > q > *:last-child {margin-bottom:0;} /* Hover */ .social:hover { /* Opacity */ filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } /* Columns */ [class*="columns"] { display: block !important; width: 48% !important; margin: 0 4% 30px 0 !important; float: left !important; } [class*="columns"]:nth-child(2n) { margin: 0 0 30px !important; } [class*="columns"] ul {margin:0;} .columns_25 { width: 25% !important; height: auto !important; margin: 0 5% 15px 0 !important; padding: 0 !important; clear: left !important; position: relative !important; } .columns_75 { width: 70% !important; height: auto !important; margin: 0 0 15px 30% !important; padding: 0 !important; float: none !important; clear: none !important; position: relative !important; } .leftcol { display: block !important; width: 48% !important; margin: 0 2% 0 0 !important; float: left !important; } .rightcol { display: block !important; width: 48% !important; margin: 0 0 0 2% !important; float: right !important; } .fullcol { display: block !important; width: 100% !important; float: left !important; clear: both !important; margin: 0px !important; } #leftcol { display: block; width: 20%; height: auto; margin: 0 5% 0 0; padding: 0; float: left; clear: none; position: relative; background: none; } #rightcol { display: block; width: 75%; height: auto; margin: 0 0 0 0%; padding: 0; float: right; clear: none; position: relative; background: none; } #fullcol { display: block; width: 100%; height: auto; margin: 0; padding: 0; float: left; clear: both; position: relative; background: none; } /* Full Width */ .full_width #heading {width:100%;margin:0 -1000% 25px;padding:15px 1000%;} .full_width #leftnav, .full_width #breadcrumbs {display:none !important;} .full_width #fullcol > [id*="div_"] {width:100%;float:left;} @media all and (min-width : 0px) and (max-width : 767px) { .full_width #heading {width:100%;margin:0 -1000% 25px;padding:20px 1000%;} .full_width #leftnav {display:inherit !important;} } @media all and (min-width : 768px) and (max-width : 1024px) { } @media all and (min-width : 1025px) { } @media not print { @media all and (min-width : 0px) and (max-width : 767px) { } } @media all and (max-height : 767px) { } /* ZumeSoft */ .full_width #ZFFrame {width:100%;} .powered-by-zumesoft {display:none;} /* ========================================================================== FORMS ========================================================================== */ input[type="text"], input[type="email"], input[type="password"], textarea/*, select*/ { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .item { display: block; width: -moz-calc(100% - 30px) !important; width: -webkit-calc(100% - 30px) !important; width: calc(100% - 30px) !important; height: auto; margin: 0 0 10px; padding: 15px 15px 0; float: left; clear: both; position: relative; background: none repeat scroll 0 0 transparent; /*-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;*/ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .item:hover { background: none repeat scroll 0 0 #ebebeb; } .item.focus { background: none repeat scroll 0 0 #ebebeb/*#D6D38C*/; } .item p {margin:0 0 5px 0;} label { display: inline-block; /*width: 100%; float: left; clear: both;*/ font-size: 14px; line-height: 140%; color: #333; margin: 0 0 10px; } form ul li label {margin:0;} form ul li:last-child {margin:0 0 -5px !important;} .sq-form-question-title {font-weight:bold;margin:0 0 5px 0;} .sq-form-required-field {color:#F00;} input[type="text"], input[type="email"], input[type="password"], input[type="file"], textarea, select { display: block; width: -moz-calc(96% - 2px); width: -webkit-calc(96% - 2px); width: calc(96% - 2px); min-height: 20px; margin: 0 0 15px; padding: 10px 2%; background: #FFF; float: left; clear: both; position: relative; overflow: hidden; font-size: 16px; border: 1px solid #333; color: #333; } #search_form_section input#query { display: block; width: -moz-calc(96% - 105px); width: -webkit-calc(96% - 105px); width: calc(96% - 105px); clear: none; margin-right: 10px; } #search_form_section input#query + [type="submit"] {min-height:42px;float:left;clear:none;} input[type="file"] {border:0px none;} select {width:99%;height:40px;padding:5px 2%;cursor:pointer;} .options select {display:inline-block;width:auto;float:none;clear:none;margin:0 5px 15px 0;} select option {font-size:15px;padding:5px 10px;} textarea {height:124px;} input.cat_textbox_small, textarea.cat_listbox_small {width:56%;} input[type="checkbox"], input[type="radio"] { clear: none; display: inline-block; float: none; margin: 0 5px 0 0; width: auto !important; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, input[type="checkbox"]:focus, input[type="radio"]:focus { /* Box Shadow */ -webkit-box-shadow: 0 0 3px 0 #003767/*, 0 1px 3px #003767 inset*/; -moz-box-shadow: 0 0 3px 0 #003767/*, 0 1px 3px #003767 inset*/; -ms-box-shadow: 0 0 3px 0 #003767/*, 0 1px 3px #003767 inset*/; -o-box-shadow: 0 0 3px 0 #003767/*, 0 1px 3px #003767 inset*/; box-shadow: 0 0 3px 0 #003767/*, 0 1px 3px #003767 inset*/; } .item.check input[type="checkbox"] + label, .item.check input[type="radio"] + label { width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: calc(100% - 25px); margin: 0 0 15px; float: right; } [type="submit"] { display: block; width: auto; height: auto; margin: 0; padding: 10px 20px; float: none; clear: both; cursor: pointer; border: 1px solid #003767; /*text-indent: -999999px; line-height: 999999px; *padding-left: 999999px; font-size: 0; overflow: hidden;*/ background: #003767; font-size: 16px; color: #FFF; -webkit-appearance: none; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } input.cat_button:hover, [type="submit"]:hover {border:1px solid #333;background:#333;} form ul { margin: 0 0 20px !important; padding: 0 !important; list-style: none none; } form ul li { margin: 0 0 10px !important; padding: 0 !important; } form .treemenu, form [class*="treemenu"], form ul.form-ul { list-style: disc outside none !important; margin: 0 0 15px 14px !important; } form .form-ul.ml0 { margin: 0 0 15px 0px !important; } form .list { list-style: disc outside none; width: 70% !important; float: none !important; margin: 0 0 15px 30% !important; } form [class*="info_message"] .list { list-style: disc outside none; width: -moz-calc(100% - 14px) !important; width: -webkit-calc(100% - 14px) !important; width: calc(100% - 14px) !important; margin: 0 0 15px 14px !important; float: none !important; } form [class*="info_message"] .list li { margin: 0 0 15px !important; } form [class*="info_message"] .list ul { display: block; list-style: circle outside none; margin: 15px 0 10px 0% !important; float: left; clear: both; } form [class*="info_message"] .list ul li { margin: 0 0 15px 14px !important; } form .list.treemenu li, form .list[class*="treemenu"] li, form .list.form-ul li { margin: 0 0 10px 0px !important; } form .list li { margin: 0 0 10px 18px !important; } form .treemenu ul, form [class*="treemenu"] ul, form .list ul { margin: 10px 0 30px 14px !important; } .item.checkbox_label ul {float:left;clear:both;margin:0 !important;} .item.checkbox_label ul li {float:left;clear:both;margin:0 0 15px !important;} .item.checkbox_label label { width: -moz-calc(100% - 25px) !important; width: -webkit-calc(100% - 25px) !important; width: calc(100% - 25px) !important; float: left; margin: 0 0 0 10px; } .item.checkbox_label input[type="checkbox"], .item.checkbox_label input[type="radio"] {float:left;margin:4px 0 0;} .col2 .item , .form.col2 .item, .webform.col2 .item {width:46%;clear:none;margin-right:4%;} .form-success ul, .success_messages ul, .error_messages ul, .assetform ul { clear: both; display: block; float: left; height: auto; margin: 0 0 20px; padding: 0; width: 100%; } .form-success ul li, .form-success p, .success_messages ul li, .success_messages p { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/177655/icons-success.png?v=0.2.1) no-repeat scroll 5px 6px #aee67d; display: block; width: -moz-calc(100% - 38px) !important; width: -webkit-calc(100% - 38px) !important; width: calc(100% - 38px) !important; list-style: outside none none; margin: 0 0 5px !important; padding: 10px 5px 10px 33px !important; line-height: 120%; } .error_messages ul li, .assetform ul li, .error_messages p { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0017/143162/icons-error.png?v=0.2.1) no-repeat scroll 5px 6px #ffb1b1; display: block; width: -moz-calc(100% - 38px) !important; width: -webkit-calc(100% - 38px) !important; width: calc(100% - 38px) !important; list-style: outside none none; margin: 0 0 5px !important; padding: 10px 5px 10px 33px !important; line-height: 120%; } .item .date { background: #fff none repeat scroll 0 0; display: block; height: 42px; position: relative; width: 100%; } .item .date:after { display: block; font: normal normal normal 1em/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f073"; margin: 0; padding: 0; color: #003767; display: block; width: auto; height: auto; position: absolute; right: 3%; top: 10px; cursor: pointer; } .item .date input[type="text"] { display: block; width: 95.6%; min-height: 20px; margin: 0 0 15px; padding: 10px 2% 10px 2%; background: none; float: left; clear: both; position: relative; overflow: hidden; font-size: 16px; border: 1px solid #333; color: #333; cursor: pointer; z-index: 9; } /* ========================================================================== CUSTOM ALERTS ========================================================================== */ #alertBox { background-color: #FFF; color: #666; display: none; font-size: 12px; line-height: 16px; margin: 0px; padding: 12px 16px; position: fixed; top: 25px; right: 20px; min-width: 250px; max-width: 500px; z-index: 999999; /* Border */ -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; /* Shadow */ -webkit-box-shadow: 1px 2px 3px #CCC; -moz-box-shadow: 1px 2px 3px #CCC; -ms-box-shadow: 1px 2px 3px #CCC; -o-box-shadow: 1px 2px 3px #CCC; box-shadow: 1px 2px 3px #CCC; /* Transition */ /*-webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s;*/ } #alertBox:hover { -webkit-box-shadow: 1px 2px 3px #999; -moz-box-shadow: 1px 2px 3px #999; -ms-box-shadow: 1px 2px 3px #999; -o-box-shadow: 1px 2px 3px #999; box-shadow: 1px 2px 3px #999; } #alertBox .close { display: block; width: 12px; height: 12px; margin: 0px; padding: 4px; position: absolute; top: -10px; left: -10px; color: #FFF; background: #CCC; text-decoration: none; text-align: center; font-size: 16px; /*line-height: 12px; text-indent: 0px; font-family: Arial, Verdana, Helvetica, sans-serif;*/ /* Border */ -webkit-border-radius: 1012px; -moz-border-radius: 1012px; -ms-border-radius: 1012px; -o-border-radius: 1012px; border-radius: 1012px; /* Shadow */ -webkit-box-shadow: 1px 1px 1px #999; -moz-box-shadow: 1px 1px 1px #999; -ms-box-shadow: 1px 1px 1px #999; -o-box-shadow: 1px 1px 1px #999; box-shadow: 1px 1px 1px #999; /* Transition */ /*-webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s;*/ } #alertBox .close:hover { color: #666; background: #FFF; -webkit-box-shadow: 1px 1px 1px #999; -moz-box-shadow: 1px 1px 1px #999; -ms-box-shadow: 1px 1px 1px #999; -o-box-shadow: 1px 1px 1px #999; box-shadow: 1px 1px 1px #999; } /* ========================================================================== BACK TO TOP ========================================================================== */ #back-top { position: fixed; bottom: 50px; right: 50px; } #back-top a { width: 50px; display: block; text-align: center; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #CCC; border: 0px none; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; /* Position */ /*-webkit-transition: top 0.25s;*/ /* Safari and Chrome */ /*-moz-transition: top 0.25s;*/ /* Firefox 4 */ /*-ms-transition: top 0.25s;*/ /* Opera */ /*-o-transition: top 0.25s;*/ /* Opera */ /*transition: top 0.25s;*/ } #back-top a:hover { color: #999; cursor: pointer; border: 0px none; } /* arrow icon (span tag) */ #back-top span { width: 50px; height: 50px; display: block; margin: 0 0 5px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0017/142154/arrow-up.png?v=0.4.1) center center scroll no-repeat #CCC; /* Rounded */ -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #back-top a:hover span { background-color: #999; /*-webkit-box-shadow: 1px 1px 1px #FFF; -moz-box-shadow: 1px 1px 1px #FFF; -ms-box-shadow: 1px 1px 1px #FFF; -o-box-shadow: 1px 1px 1px #FFF; box-shadow: 1px 1px 1px #FFF;*/ } /* ========================================================================== ACCORDION ========================================================================== */ .accordion { display: block; margin: 0 !important; padding: 0 !important; list-style: none !important; overflow: hidden !important; height: auto; clear: both; border-bottom: 1px dashed #c2c2c2 !important; } .accordion.last, .accordion:last-child, #fullcol > .accordion.last, #fullcol > .accordion:last-child { margin: 0 0 30px !important; border-bottom: 1px dashed #c2c2c2 !important; } .accordion > * { display: block; margin: 0 0 15px !important; padding: 0 10px 0 20px !important; width: -moz-calc(100% - 30px) !important; width: -webkit-calc(100% - 30px) !important; width: calc(100% - 30px) !important; height: auto; clear: both !important; /*float: left !important;*/ position: relative; } .accordion.opened { padding: 0 0 15px !important; } .accordion > * ~ *, #fullcol > .accordion > * ~ * { display: none; } /*.accordion.opened > * + * ~ *, #fullcol > .accordion.opened > * + * ~ * { display: block; }*/ .accordion .info { display: none; margin: 0 !important; padding: 0 10px 0 20px !important; list-style: none !important; overflow: hidden !important; width: -moz-calc(100% - 30px) !important; width: -webkit-calc(100% - 30px) !important; width: calc(100% - 30px) !important; height: auto; clear: both !important; /*float: left !important;*/ /* Transition */ /*-webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s; transition: 0.50s;*/ } /*.accordion.opened .info, #fullcol > .accordion.opened .info { display: block; }*/ .accordion .info > * { display: block; margin: 0 0 15px !important; padding: 0 !important; max-width: 100% !important; height: auto; /*clear: both !important; float: left !important;*/ } /*.accordion > *:last-child, .accordion .info > *:last-child { margin: 0 0 30px; }*/ .accordion > *:first-child:before, .accordion > h2:first-child:before, .accordion > .h2:first-child:before, .accordion > h3:first-child:before, .accordion > .h3:first-child:before, .accordion .clickable:before { display: block; width: 20px; height: 14px; margin: -7px 0 0 0px; padding: 0; float: none; clear: none; position: absolute; top: 50%; left: 0; border: 0px none; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f067"; } .accordion > h3:first-child:before, .accordion > .h3:first-child:before { margin: -6px 0 0; font-size: 12px; } .accordion > *:first-child, .accordion > h2:first-child, .accordion > .h2:first-child, .accordion > h3:first-child, .accordion > .h3:first-child, .accordion .clickable { margin: 0 !important; padding: 15px 10px 15px 20px !important; list-style: none !important; overflow: hidden !important; width: -moz-calc(100% - 30px) !important; width: -webkit-calc(100% - 30px) !important; width: calc(100% - 30px) !important; height: auto !important; /*float: left !important;*/ clear: both !important; cursor: pointer; background: none/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/144241/icon-expand.gif?v=0.2.1) left center scroll no-repeat transparent*/; font-size: 18px; color: #333; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .accordion > h2:first-child, .accordion > .h2:first-child { font-size: 24px !important; color: #003767; } .accordion > h3:first-child, .accordion > .h3:first-child { font-size: 20px !important; color: #333; } /*.accordion > *:first-child + h3, .accordion > h2:first-child + h3, .accordion > h3:first-child + h3, .accordion .clickable + h3 { margin: 0 0 15px !important; padding: 0px 10px 0px 20px !important; cursor: default !important; background: none !important; font-size: 20px !important; color: #333 !important; } .accordion.opened > *:first-child + h3, .accordion.opened > h2:first-child + h3, .accordion.opened > h3:first-child + h3, .accordion.opened .clickable + h3 { display: block !important; }*/ .accordion .clickable.pt0 {padding-top:0px !important;background-position:left 5px !important;} .accordion .clickable.pb0 {padding-bottom:0px !important;} .accordion .form-ul {margin-left:18px !important;} .accordion .form-ul.mt0 {margin-top:0 !important;} .accordion .form-ul.mb0 {margin-bottom:0 !important;} .accordion .clickable:hover {color:#27828a !important;} .accordion.opened > *:first-child, .accordion.opened > h2:first-child, .accordion.opened > h3:first-child, .accordion.opened .clickable, .accordion.opened > *:first-child:hover, .accordion.opened > h2:first-child:hover, .accordion.opened > h3:first-child:hover, .accordion.opened .clickable:hover { color: #27828a; text-decoration: none; background: none/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0015/144240/icon-collapse.gif?v=0.2.1) left center scroll no-repeat transparent*/; } .accordion.opened > *:first-child:before, .accordion.opened > h2:first-child:before, .accordion.opened > h3:first-child:before, .accordion.opened .clickable:before { color: #27828a; content: "\f068"; } .accordion > h2:first-child:before, .accordion > .h2:first-child:before { top: 32px; } .accordion > h3:first-child:before, .accordion > .h3:first-child:before { top: 28px; } .accordion.margin0 {margin:0px !important;} .accordion.noborder {border:0px none !important;} @media print { .accordion .info {display:block !important;} } /* ========================================================================== CUSTOM FONTS ========================================================================== */ @font-face { font-family: 'Akhand-Semibold'; font-weight: normal; font-style: normal; src: url("https://www.woollahra.nsw.gov.au/__data/assets/file/0005/169835/Akhand-SemiBold.eot?v=0.2.1"); src: url("https://www.woollahra.nsw.gov.au/__data/assets/file/0005/169835/Akhand-SemiBold.eot?v=0.2.1?#iefix") format("embedded-opentype"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0008/169838/Akhand-SemiBold.woff2?v=0.2.1") format("woff2"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0007/169837/Akhand-SemiBold.woff?v=0.2.1") format("woff"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0006/169836/Akhand-SemiBold.ttf?v=0.2.1") format("truetype"); } @font-face { font-family: 'Akhand-Semilight'; font-weight: normal; font-style: normal; src: url("https://www.woollahra.nsw.gov.au/__data/assets/file/0009/169839/Akhand-SemiLight.eot?v=0.2.1"); src: url("https://www.woollahra.nsw.gov.au/__data/assets/file/0009/169839/Akhand-SemiLight.eot?v=0.2.1?#iefix") format("embedded-opentype"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0003/169842/Akhand-SemiLight.woff2?v=0.2.1") format("woff2"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0011/169841/Akhand-SemiLight.woff?v=0.2.1") format("woff"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0010/169840/Akhand-SemiLight.ttf?v=0.2.1") format("truetype"); } @font-face { font-family: 'HurmeGeometricSans4-Light'; font-weight: normal; font-style: normal; src: url("https://www.woollahra.nsw.gov.au/__data/assets/file/0004/169843/HurmeSans-Light.eot?v=0.2.1"); src: url("https://www.woollahra.nsw.gov.au/__data/assets/file/0004/169843/HurmeSans-Light.eot?v=0.2.1?#iefix") format("embedded-opentype"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0007/169846/HurmeSans-Light.woff2?v=0.2.1") format("woff2"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0006/169845/HurmeSans-Light.woff?v=0.2.1") format("woff"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0005/169844/HurmeSans-Light.ttf?v=0.2.1") format("truetype"); } @font-face { font-family: 'HurmeGeometricSans4-SemiBold'; font-weight: normal; font-style: normal; src: url("https://www.woollahra.nsw.gov.au/__data/assets/file/0008/169847/HurmeSans-SemiBold.eot?v=0.2.1"); src: url("https://www.woollahra.nsw.gov.au/__data/assets/file/0008/169847/HurmeSans-SemiBold.eot?v=0.2.1?#iefix") format("embedded-opentype"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0003/169851/HurmeSans-SemiBold.woff2?v=0.2.1") format("woff2"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0010/169849/HurmeSans-SemiBold.woff?v=0.2.1") format("woff"), url("https://www.woollahra.nsw.gov.au/__data/assets/file/0009/169848/HurmeSans-SemiBold.ttf?v=0.2.1") format("truetype"); } /* ========================================================================== FONT AWESOME ========================================================================== */ /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('https://www.woollahra.nsw.gov.au/__data/assets/file/0017/143036/fontawesome-webfont.eot?v=0.1.5?v=4.4.0'); src: url('https://www.woollahra.nsw.gov.au/__data/assets/file/0017/143036/fontawesome-webfont.eot?v=0.1.5?#iefix&v=4.4.0') format('embedded-opentype'), url('https://www.woollahra.nsw.gov.au/__data/assets/file/0010/157555/fontawesome-webfont.woff2?v=0.1.4?v=4.4.0') format('woff2'), url('https://www.woollahra.nsw.gov.au/__data/assets/file/0020/143039/fontawesome-webfont.woff?v=0.1.5?v=4.4.0') format('woff'), url('https://www.woollahra.nsw.gov.au/__data/assets/file/0019/143038/fontawesome-webfont.ttf?v=0.1.5?v=4.4.0') format('truetype'), url('https://www.woollahra.nsw.gov.au/__data/assets/file/0018/143037/fontawesome-webfont.svg?v=0.1.5?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } /* External Links */ a.external:after { /*display: inline-block;*/ font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f08e"; margin-left: 5px; } a.non-external:after, .result_page_links a:after { content: "" !important; margin-left: 0px !important; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Markers & Icons */ .marker_icon { /*position: relative;*/ } .marker_icon:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .map_marker:before {content:"\f041";margin:0 5px 0 0px;} /************************************************************/ /* ---- //Styles for adding icons to links// -----*/ /************************************************************/ a[href*='.rtf'], a[href*='.RTF'], a[href*='.doc'], a[href*='.DOC'], a[href*='.docx'], a[href*='.DOCX'] { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/143338/icon-msword.gif?v=0.2.1) right center scroll no-repeat transparent !important; padding-right: 16px; } a[href*='.pdf'], a[href*='.PDF'] { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/143071/icon-pdf.gif?v=0.2.1) right center scroll no-repeat transparent !important; padding-right: 16px; } /* Use for adding icons to links in a list */ ul.pdf-bullet li, ul.webform-bullet li, ul.MSWord-bullet li, ul.rss-feed li, ul.pdf-bullets li, ul.webform-bullets li, ul.MSWord-bullets li, ul.rss-feeds li { list-style: none none !important; background: none !important; margin: 0 0 10px !important; } /* class lists */ ul.pdf-bullet li, ul.pdf-bullets li { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/143071/icon-pdf.gif?v=0.2.1) no-repeat !important; } ul.webform-bullet li, ul.webform-bullets li { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/143339/icon-webform.gif?v=0.2.1) no-repeat !important; } ul.MSWord-bullet li, ul.MSWord-bullets li { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/143338/icon-msword.gif?v=0.2.1) no-repeat !important; } ul.rss-feed li, ul.rss-feeds li { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/145934/icon-feed.gif?v=0.2.1) no-repeat !important; } ul.pdf-bullet li a, ul.webform-bullet li a, ul.MSWord-bullet li a, ul.rss-feed li a, ul.pdf-bullets li a, ul.webform-bullets li a, ul.MSWord-bullets li a, ul.rss-feeds li a { padding: 0 0 0 16px !important; background: none !important; } /* no bullet lists */ .no-bullet, .no-bullet ul, .no-bullets, .no-bullets ul { background: none; list-style: none none; } .no-bullet li, li.no-bullet, .no-bullets li, li.no-bullets { list-style: none none !important; background: none !important; margin: 0 0 10px !important; } .no-bullet li a, li.no-bullet a, .no-bullets li a, li.no-bullets a { padding: 0 0 0 16px !important; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/143339/icon-webform.gif?v=0.2.1) no-repeat !important; } .no-bullet li a[href*='.rtf'], li.no-bullet a[href*='.rtf'], .no-bullet li a[href*='.doc'], li.no-bullet a[href*='.doc'], .no-bullet li a[href*='.docx'], li.no-bullet a[href*='.docx'], .no-bullets li a[href*='.docx'], li.no-bullets a[href*='.docx'], .no-bullet li a[href*='.RTF'], li.no-bullet a[href*='.RTF'], .no-bullet li a[href*='.DOC'], li.no-bullet a[href*='.DOC'], .no-bullet li a[href*='.DOCX'], li.no-bullet a[href*='.DOCX'], .no-bullets li a[href*='.DOCX'], li.no-bullets a[href*='.DOCX'] { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/143338/icon-msword.gif?v=0.2.1) no-repeat !important; } .no-bullet li a[href*='.pdf'], li.no-bullet a[href*='.pdf'], .no-bullets li a[href*='.pdf'], li.no-bullets a[href*='.pdf'], .no-bullet li a[href*='.PDF'], li.no-bullet a[href*='.PDF'], .no-bullets li a[href*='.PDF'], li.no-bullets a[href*='.PDF'] { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/143071/icon-pdf.gif?v=0.2.1) no-repeat !important; } /*ul.pdf-bullet li a span, ul.webform-bullet li a span, ul.MSWord-bullet li a span, ul.pdf-bullets li a span, ul.webform-bullets li a span, ul.MSWord-bullets li a span { border-bottom: 1px solid #b5cfe6; } ul.pdf-bullet li a:hover span, ul.webform-bullet li a:hover span, ul.MSWord-bullet li a:hover span, ul.pdf-bullets li a:hover span, ul.webform-bullets li a:hover span, ul.MSWord-bullets li a:hover span { border-bottom: 2px solid #003767; }*/ /* ---- //End of Styles for adding PDF icon to link to PDFs// -----*/ /* .pdf, a.pdf[href $='.pdf'] { padding:2px 0 2px 20px; background:url(mysource_files/icon_pdf.gif) no-repeat scroll center left transparent; } .doc, a.doc[href $='.doc'] { padding:2px 0 2px 20px; background:url(mysource_files/icon_doc.gif) no-repeat scroll center left transparent; } .xls, a.xls[href $='.xls'] { padding:2px 0 2px 20px; background:url(mysource_files/icon_xls.gif) no-repeat scroll center left transparent; } .pps, a.pps[href $='.pps'] { padding:2px 0 2px 20px; background:url(mysource_files/icon_pps.gif) no-repeat scroll center left transparent; } .phone { padding:2px 0 2px 20px; background:url(mysource_files/icon_phone.png) no-repeat scroll center left transparent; } */ /* ========================================================================== FANCYBOX ========================================================================== */ /*! fancyBox v3.0.47 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; height: 100%; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Make sure that the first one is on the top */ .fancybox-container ~ .fancybox-container { z-index: 99992; } .fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* .fancybox-container--ready { backface-visibility: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); xopacity: 1; } */ .fancybox-container--ready .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr; } .fancybox-show-controls .fancybox-controls { opacity: 1; } .fancybox-infobar { display: none; } .fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all; } .fancybox-show-buttons .fancybox-buttons { display: block; } .fancybox-slider-wrap { overflow: hidden; direction: ltr; } .fancybox-slider-wrap, .fancybox-slider { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide.fancybox-slide--image { opacity: 0; /*-moz-transition: all 0.01s ease; -o-transition: all 0.01s ease; -webkit-transition: all 0.01s ease; transition: all 0.01s ease;*/ overflow: hidden; } .fancybox-slide.fancybox-slide--image.fancybox-slide--complete { opacity: 1; /*-moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;*/ } .fancybox-container.opened .fancybox-slide.fancybox-slide--image { opacity: 1; } .fancybox-slide.fancybox-slide--image img { opacity: 0; /* Transition */ -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } .fancybox-container.opened .fancybox-slide.fancybox-slide--image img { opacity: 1; } .fancybox-slide--image::before { display: none; } .fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: transparent; } .fancybox-placeholder { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-controls--canzoomIn .fancybox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab; } .fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-spaceball { z-index: 1; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: transparent; } .fancybox-close-small:hover:after { color: #555; background: #eee; } /* Caption */ .fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none; } .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; text-align: center; } .fancybox-caption a, .fancybox-caption button { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Buttons */ .fancybox-button { display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none; } /*.fancybox-button:empty { width: 44px !important; height: 44px !important; }*/ .fancybox-button--disabled { cursor: default; pointer-events: none; } .fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover { background: rgba(0, 0, 0, 0.8); } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button--disabled::before, .fancybox-button--disabled::after { opacity: 0.5; } .fancybox-button--left::after { left: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5px; } .fancybox-button--right { border-bottom-right-radius: 5px; } .fancybox-button--close { float: right; } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Loading spinner */ .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-controls { text-align: left; } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } /* Fullscreen */ .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: none; } /* Slideshow button */ .fancybox-button--play::before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: transparent; } .fancybox-button--pause::before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; background: transparent; } /* Thumbs */ .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs::before { top: 20px; left: 21px; width: 3px; height: 3px; box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 220px; } /* CUSTOM: Thumbnails opened at Bottom of screen */ .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-sizing: border-box; } .fancybox-thumbs > ul { list-style: none; position: absolute; /*position: relative;*/ width: 100%; height: 100%; margin: 0 auto; padding: 0; overflow-x: hidden; overflow-y: hidden; left: 0%; right: 0; -webkit-transform: translate(0%, 0px); -ms-transform: translate(0%, 0px); transform: translate(0%, 0px); font-size: 0; text-align: center; } .fancybox-thumbs > ul > li { float: none/*left*/; display: inline-block; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 100% !important; max-width: 105px !important; height: 75px !important; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { margin: 0 auto !important; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: none/*100%*/; min-height: 100%; max-width: 100%/*none*/; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-thumbs { display: none !important; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 0; } } .fancybox-thumbs { top: auto; width: 100%; bottom: 10px; left: 0; right : 0; bottom: 0; height: 105px/*80px*/; background: transparent; overflow-x: auto; overflow-y: hidden; } .fancybox-thumbs > ul > li { border-color: transparent; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 0; bottom: 115px/*90px*/; } @media all and (max-width: 800px) { .fancybox-thumbs { display: none !important; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { bottom: 0; } } /* CUSTOM: Download Button */ .fancybox-download:before { top: 14px; left: 22px; border-left: 2px solid #fff; height: 12px; } .fancybox-download:after { bottom: 18px; left: 23px; height: 8px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; width: 8px; background: transparent; transform: rotate(45deg); transform-origin: 0 0; } /* ========================================================================== JCAROUSEL ========================================================================== */ .jslider { display: block; margin: 0px auto 30px; padding: 0px; border: 0px none; clear: both; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px 1px #CCCCCC; -moz-box-shadow: 0 0 5px 1px #CCCCCC; box-shadow: 0 0 5px 1px #CCCCCC;*/ } .jgallery-wrapper, #fullcol > .section .jgallery-wrapper, #portal_left > [id*="div_"] > .jgallery-wrapper, #portal_left > [id*="container_"] > .jgallery-wrapper, #portal_left > [id*="sq_"] > .jgallery-wrapper, #portal_left > .default > .jgallery-wrapper, #rightinfo > [id*="div_"] > .jgallery-wrapper, #rightinfo > [id*="container_"] > .jgallery-wrapper, #rightinfo > [id*="sq_"] > .jgallery-wrapper, #rightinfo > .default > .jgallery-wrapper, #rightinfo > div > .jgallery-wrapper { display: block; width: 100%; height: auto; min-height: 0px; margin: 0 -1000% 30px; padding: 30px 1000%; float: left; clear: both; position: relative; overflow: hidden; background-color: #f9f9f9; } #rightinfo > [id*="div_"] > .jgallery-wrapper, #rightinfo > [id*="container_"] > .jgallery-wrapper, #rightinfo > [id*="sq_"] > .jgallery-wrapper, #rightinfo > .default > .jgallery-wrapper, #rightinfo > div > .jgallery-wrapper { width: 196%; margin: 0 -1000% 30px -1049%; } #rightinfo > [id*="div_"] > div > .jgallery-wrapper, #rightinfo > [id*="container_"] > div > .jgallery-wrapper, #rightinfo > [id*="sq_"] > div > .jgallery-wrapper, #rightinfo > .default > div > .jgallery-wrapper, #rightinfo > div > div > .jgallery-wrapper { margin:0 0 30px;padding:30px 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } #fullcol > .section .jgallery-wrapper , #portal_left > [id*="div_"] > .jgallery-wrapper, #portal_left > [id*="container_"] > .jgallery-wrapper, #portal_left > [id*="sq_"] > .jgallery-wrapper, #portal_left > .default > .jgallery-wrapper { margin:0 0 30px;padding:30px 10px; width: -moz-calc(99% - 20px); width: -webkit-calc(99% - 20px); width: calc(99% - 20px); } #rightinfo > [id*="div_"] > .jgallery-wrapper, #rightinfo > [id*="container_"] > .jgallery-wrapper, #rightinfo > [id*="sq_"] > .jgallery-wrapper, #rightinfo > .default > .jgallery-wrapper { margin:0 0 30px;padding:30px 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } #fullcol > .section .jgallery-wrapper ul, #portal_left > [id*="div_"] > .jgallery-wrapper ul, #portal_left > [id*="container_"] > .jgallery-wrapper ul, #portal_left > [id*="sq_"] > .jgallery-wrapper ul, #portal_left > .default > .jgallery-wrapper ul, #rightinfo > [id*="div_"] > .jgallery-wrapper ul, #rightinfo > [id*="container_"] > .jgallery-wrapper ul, #rightinfo > [id*="sq_"] > .jgallery-wrapper ul, #rightinfo > .default > .jgallery-wrapper ul { margin: 0; } #fullcol > .section .jgallery-wrapper ul li, #portal_left > [id*="div_"] > .jgallery-wrapper ul li, #portal_left > [id*="container_"] > .jgallery-wrapper ul li, #portal_left > [id*="sq_"] > .jgallery-wrapper ul li, #portal_left > .default > .jgallery-wrapper ul li, #rightinfo > [id*="div_"] > .jgallery-wrapper ul li, #rightinfo > [id*="container_"] > .jgallery-wrapper ul li, #rightinfo > [id*="sq_"] > .jgallery-wrapper ul li, #rightinfo > .default > .jgallery-wrapper ul li { margin: 0; } .inner_gallery { display:block;overflow:hidden; margin:0 0 15px;padding:0px 10px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } .inner_gallery .jgallery-wrapper {margin-bottom:0;} .jcarousel-wrapper, .jgallery { display: block; padding: 0px 5%; margin: 0 auto; position: relative; width: 89%; /*-1% off width for Firefox/Safari browser fix*/ max-width: 1012px; min-height: 110px !important; /*border: 10px solid #FFF;*/ /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ background-image: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/142148/ajax-loader-body.gif?v=0.4.1); background-position: center center; background-attachment: scroll; background-repeat: no-repeat; background-color: transparent; /*overflow: hidden;*/ } .jgallery {min-height:0px;max-height:110px;height:auto;margin:0 auto;} .jcarousel-wrapper.loaded, .jgallery.loaded {background-image:none;} /*.jgallery * {display:none;}*/ /*.jcarousel-wrapper.loaded .jgallery *, .jgallery.loaded * {display:block;}*/ /** Carousel **/ .jcarousel { position: relative; overflow: hidden; width: 100%; /* Opacity */ filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li, #fullcol > .section .jcarousel li { display: block; width: -moz-calc(100% - 64px); width: -webkit-calc(100% - 64px); width: calc(100% - 64px); /*max-width: 304px;*/ padding: 0 32px; margin: 0; float: left; /*border-left: 37px solid #fff; border-right: 37px solid #fff;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .jgallery.loaded .jcarousel li, #fullcol > .section .jgallery.loaded .jcarousel li { padding: 0; text-align: center; line-height: 0; position: relative; } .jcarousel li > a, #fullcol > .section .jcarousel li > a { display: block; width: 100%; /*max-width: 240px;*/ overflow: hidden; } .jgallery.loaded .jcarousel li > a, #fullcol > .section .jgallery.loaded .jcarousel li > a {display:inline-block;width:auto;float:none;position:relative;} #jgallery .jgallery.loaded .jcarousel li > a {width:150px !important;max-width:100%;min-height:110px;overflow:hidden;margin:0 auto;} .jcarousel img { display: block; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 0 15px !important; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #jgallery .jcarousel img { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jgallery.loaded .jcarousel img { margin: 0 !important; } .jcarousel img:hover { /*filter:alpha(opacity=70); doesn't validate but is required for IE so included in ie_fixes.css*/ /*opacity: 0.70;*/ } /** Carousel Controls **/ .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 50%; margin-top: -17px; width: 27px; height: 27px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142169/events_prev.png?v=0.4.1) left top scroll no-repeat transparent; text-decoration: none; border: 0px none !important; overflow: hidden; text-indent: -999999px; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .jgallery .jcarousel-control-prev, .jgallery .jcarousel-control-next {margin-top:-13px;} .jcarousel-control-next {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/142917/events_next.png?v=0.3.1) left top scroll no-repeat transparent;} .jgallery-wrapper .jcarousel-control-prev, .jgallery-wrapper .jcarousel-control-next { display: block; width: 27px; height: 27px; background-image: none; background-color: #003767; color: #FFF !important; text-indent: -999999px; line-height: 27px; /* Border */ -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } .jgallery-wrapper .jcarousel-control-prev:before, .jgallery-wrapper .jcarousel-control-next:before { display: block; text-align: center; text-indent: 0; color: #FFF; position: absolute; top: 0; right: 0; bottom: 0; left: 0; font: normal normal normal 10px/27px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f053"; } .jgallery-wrapper .jcarousel-control-next:before {content:"\f054";} .jcarousel-control-prev:hover, .jcarousel-control-next:hover { /* Opacity */ filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { /* Opacity */ filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } .jgallery-wrapper .jcarousel-control-prev:hover, .jgallery-wrapper .jcarousel-control-prev.inactive, .jgallery-wrapper .jcarousel-control-next:hover, .jgallery-wrapper .jcarousel-control-next.inactive { /*background-color: #27828a;*/ /* Opacity */ filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } .jcarousel-control-prev { left: 0; } .jcarousel-control-next { right: 0; } /** Carousel Pagination **/ .jcarousel-pagination { position: absolute; bottom: -40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; } .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #fff; color: #4E443C; border-radius: 10px; text-indent: -9999px; margin-right: 7px; -webkit-box-shadow: 0 0 2px #4E443C; -moz-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C; } .jcarousel-pagination a:hover { background: #71a237; color: #fff; } .jcarousel-pagination a.active { background: #71a237; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7; box-shadow: 0 0 2px #F0EFE7; } /* ========================================================================== JQUERY UI - DATEPICKER ========================================================================== */ /*! jQuery UI - v1.11.4 - 2015-06-24 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and mysource_files */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overwrite: Custom */ .ui-datepicker-calendar th {color:#333 !important;text-transform:capitalize;} .ui-datepicker-calendar tr:nth-child(2n+1), .ui-datepicker-calendar tr:nth-child(2n) {background:#fff !important;} /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #ui-datepicker-div { z-index: 999 !important; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all {cursor:pointer;} .ui-datepicker-prev.ui-corner-all.ui-state-disabled {cursor:default;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { display: table !important; width: 100% !important; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker thead { display: inline-table !important; width: 100% !important; } .ui-datepicker tbody { display: inline-table !important; width: 100% !important; } .ui-datepicker tr { width: 100% !important; display: table-row !important; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; width: unset !important; display: table-cell !important; } .ui-datepicker td { border: 0; padding: 0px; width: unset !important; display: table-cell !important; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 5px/*.2em*/; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Component containers ----------------------------------*/ .ui-widget { /*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/ /*font-size: 1.1em;*/ } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/ /*font-size: 1em;*/ } .ui-widget-content { border: 1px solid #c2c2c2; background: #fff/* url("https://www.woollahra.nsw.gov.au/__data/assets/image/0004/152977/ui-bg_highlight-soft_100_eeeeee_1x100.png?v=0.2.1") 50% top repeat-x*/; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #f3901d; background: #f3901d /*url("https://www.woollahra.nsw.gov.au/__data/assets/image/0011/152975/ui-bg_gloss-wave_35_f6a828_500x100.png?v=0.2.1") 50% 50% repeat-x*/; color: #003767; font-weight: bold; } .ui-widget-header a { color: #003767; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #fff; background: #fff/* url("https://www.woollahra.nsw.gov.au/__data/assets/image/0003/152967/ui-bg_glass_100_f6f6f6_1x400.png?v=0.2.1") 50% 50% repeat-x*/; font-weight: normal; color: #333; text-align: center; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333; text-decoration: none; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ffd8aa; background: #ffd8aa/* url("https://www.woollahra.nsw.gov.au/__data/assets/image/0009/152973/ui-bg_glass_100_fdf5ce_1x400.png?v=0.2.1") 50% 50% repeat-x*/; font-weight: normal; color: #333; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #333; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffd8aa; background: #ffd8aa/* url("https://www.woollahra.nsw.gov.au/__data/assets/image/0011/152966/ui-bg_glass_65_ffffff_1x400.png?v=0.2.1") 50% 50% repeat-x*/; font-weight: normal; color: #333; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #ffd8aa; background: #fff/* url("https://www.woollahra.nsw.gov.au/__data/assets/image/0003/152976/ui-bg_highlight-soft_75_ffe45c_1x100.png?v=0.2.1") 50% top repeat-x*/; color: #333; font-weight: normal; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #333; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url("https://www.woollahra.nsw.gov.au/__data/assets/image/0008/152963/ui-bg_diagonals-thick_18_b81900_40x40.png?v=0.2.1") 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } .ui-state-highlight.ui-state-hover:hover, .ui-state-highlight.ui-state-active { border: 1px solid #ffd8aa; background: #ffd8aa/* url("https://www.woollahra.nsw.gov.au/__data/assets/image/0009/152973/ui-bg_glass_100_fdf5ce_1x400.png?v=0.2.1") 50% 50% repeat-x*/; font-weight: normal; color: #333; } /* Icons ----------------------------------*/ /* states and mysource_files */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("https://www.woollahra.nsw.gov.au/__data/assets/image/0006/152979/ui-icons_222222_256x240.png?v=0.2.1"); } .ui-widget-header .ui-icon { background-image: url("https://www.woollahra.nsw.gov.au/__data/assets/image/0009/152982/ui-icons_ffffff_256x240.png?v=0.2.1"); } .ui-state-default .ui-icon { background-image: url("https://www.woollahra.nsw.gov.au/__data/assets/image/0007/152980/ui-icons_ef8c08_256x240.png?v=0.2.1"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("https://www.woollahra.nsw.gov.au/__data/assets/image/0007/152980/ui-icons_ef8c08_256x240.png?v=0.2.1"); } .ui-state-active .ui-icon { background-image: url("https://www.woollahra.nsw.gov.au/__data/assets/image/0007/152980/ui-icons_ef8c08_256x240.png?v=0.2.1"); } .ui-state-highlight .ui-icon { background-image: url("https://www.woollahra.nsw.gov.au/__data/assets/image/0005/152978/ui-icons_228ef1_256x240.png?v=0.2.1"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("https://www.woollahra.nsw.gov.au/__data/assets/image/0008/152981/ui-icons_ffd27a_256x240.png?v=0.2.1"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url("https://www.woollahra.nsw.gov.au/__data/assets/image/0009/152964/ui-bg_diagonals-thick_20_666666_40x40.png?v=0.2.1") 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); /* support: IE8 */ } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url("https://www.woollahra.nsw.gov.au/__data/assets/image/0010/152965/ui-bg_flat_10_000000_40x100.png?v=0.2.1") 50% 50% repeat-x; opacity: .2; filter: Alpha(Opacity=20); /* support: IE8 */ border-radius: 5px; } /* Events: Date Picker */ #events_search { display: block; width: 100%; max-width: 1012px; height: auto; margin: 0 0 50px; padding: 0; float: left; clear: both; position: relative; } .search_option { display: block; width: 25%; max-width: 1012px; height: auto; margin: 0; padding: 0; float: left; clear: none; position: relative; } #events_search label { display: block; width: auto; line-height: 54px; margin: 0; float: left; clear: none; position: relative; } #events_search .search_find label { width: 45px; } #events_search .search_from label { width: 50px; } #events_search .search_to label { width: 30px; } #events_search .search_from:after, #events_search .search_to:after { display: block; font: normal normal normal 1em/1 FontAwesome; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f073"; margin: -10px 5px 0 0; padding: 0; color: #f3901d; width: auto; height: auto; position: absolute; right: 1%; top: 50%; } #events_search [id*="_categories"] { display: block; width: 100%; height: 54px; margin: 0 !important; position: absolute; top: 0; left: 0; /* Opacity */ filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } #events_search .search_find .relative { display: block; width: -moz-calc(100% - 45px); width: -webkit-calc(100% - 45px); width: calc(100% - 45px); height: 54px; margin: 0 !important; float: left !important; clear: none; position: relative; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; } #events_search .customStyleSelectBox {display:block; width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: calc(100% - 25px); height:16px;margin:0px;padding:19px 19px 19px 6px;position:absolute;top:0px;left:0px; text-transform:none;font-size:16px;color:#333;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/142780/readmore-orange_down.png?v=0.3.1) 98% center scroll no-repeat #FFF;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;color:#999;} #events_search .changed .customStyleSelectBox {color:#000;} #events_search [type="text"] { display: block; width: -moz-calc(100% - 45px); width: -webkit-calc(100% - 45px); width: calc(100% - 45px); margin: 0 !important; float: left; clear: none; position: relative; height: 34px; font-size: 16px; background: transparent; cursor: pointer; z-index: 9; } #events_search [type="text"]:focus { /* Box Shadow */ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #events_search .search_from [type="text"] { width: -moz-calc(100% - 64px); width: -webkit-calc(100% - 64px); width: calc(100% - 64px); border: 0 none; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; } #events_search .search_to [type="text"] { width: -moz-calc(100% - 44px); width: -webkit-calc(100% - 44px); width: calc(100% - 44px); border: 0 none; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; } #events_search .search_from [type="text"].error, #events_search .search_to [type="text"].error { -moz-box-shadow: 0 -10px 10px -14px #CC0000 inset; -webkit-box-shadow: 0 -10px 10px -14px #CC0000 inset; box-shadow: 0 -10px 10px -14px #CC0000 inset; } #events_search [type="submit"] { width: -moz-calc(100% - 0px); width: -webkit-calc(100% - 0px); width: calc(100% - 0px); height: 56px !important; line-height: 56px !important; padding: 0; color: #333; background: #ffd8aa; border: 1px solid #F5BC7A; } #events_search [type="submit"]:hover {color:#FFF;background:#333;border:1px solid #333;} .search_find, .search_from, .search_to {width:28%;} .search_browse {width:10%;} .search_find, .search_from, .search_to {margin:0 2% 0 0;} .search_browse {margin:0;} /* ========================================================================== MENU ========================================================================== */ /*==== Main Menu====*/ #menu {display:block;width:100%;height:auto;margin:0;padding:0;float:none;clear:none;position:absolute;left:0px;bottom:0px;background:#FFF;z-index:99;border-top:1px solid #333;border-bottom:1px solid #333;} #menu ul {display:block;width:1012px;height:auto;margin:0 auto;padding:0;float:none;clear:none;list-style-image:none;list-style-type:none;position:relative;} #menu ul li {display:block;width:auto;height:auto;margin:0;padding:0;text-decoration:none;float:left;list-style-image:none;list-style-type:none;position:relative;background:#FFF;} #menu ul li > a {display:block;width:auto;height:16px;margin:0;padding:10px 14px;float:none;cursor:pointer;text-decoration:none;font-size:14px;font-weight:bold;color:#333;background:none/*#FFF*/;position:relative;border:0px none;line-height:14px;/*overflow:hidden;*/z-index:99; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #menu ul li > a:hover {border:0px none;} /*Fixed*/ #menu.fixed { top: 0px; bottom: auto; } /** :hover ~ .selected ~ .hover **/ #menu ul li > ul {display:none;} /*#menu ul li.selected > ul,*/ #menu ul li:hover > ul, #menu ul li.hover > ul {display:block;} #menu ul li:hover > a/*, #menu ul li.hover > a*/ {color:#27828a;} #menu ul li.selected > a {color:#FFF;background-color:#27828a;} /* Selected */ #menu ul li.selected > a, #menu ul li.selected > a:hover /*#menu ul li.hover > a, #menu ul li.hover > a:hover*/ {/*cursor:default;*/z-index:9;} /*====Submenu====*/ #menu ul ul {display:none;width:295px;height:auto;margin:0px 0;padding:10px 0;position:absolute;top:37px;z-index:9;background:#FFF; -webkit-box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; -ms-box-shadow: 0px 0px 5px #999; -o-box-shadow: 0px 0px 5px #999; box-shadow: 0px 0px 5px #999; } /*#menu ul ul:before {*/ #menu ul:first-child > li.dropdown:before { display: block; width: 14px; height: 12px; content: ""; position: absolute; /*top: -12px;*/ bottom: -1px; left: 0px/*23%*/; right: 0px; margin:0 auto; background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142187/menu_bg.png?v=0.3.2) /*24% */center top scroll no-repeat transparent; z-index: 99; /* Opacity */ filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #menu ul:first-child > li.dropdown.hover:before { /* Opacity */ filter: alpha(opacity=100); -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /*#menu ul:first-child > li:first-child:before {display:none !important;}*/ #menu ul li.selected ul:before {/*background:none;*/} #menu ul ul li {display:block;width:295px;height:auto;margin:0px;padding:0;float:left;clear:both;} #menu ul ul li > a {display:block;width:255px;height:auto;margin:0px;padding:10px 20px;float:left;clear:both;font-size:13px;line-height:19px;} #menu ul ul li:hover > a {text-decoration:none;} #menu ul ul li.selected > a {color:#27828a;background-color:#FFF;} /*3rd Level*/ #menu ul ul ul:before { display: block; width: 12px; height: 14px; content: ""; position: absolute; top: 12px; left: -12px; background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/142185/menu_bg-side-left.png?v=0.3.2) left top scroll no-repeat transparent; z-index: 9; } #menu ul ul ul {display:none;width:auto;height:auto;margin:0;padding:10px 0;position:absolute;top:0px;left:295px;background:#FFF;} /* Customized */ #menu ul li.news ul, #menu ul li#pageid_7618 ul {width:225px;right:-93.75px;} #menu ul li.news ul li, #menu ul li#pageid_7618 ul li {width:225px;} #menu ul li.news ul li > a, #menu ul li#pageid_7618 ul li > a {width:185px;} #menu ul li.events.selected > a, #menu ul li.events.selected > a:hover, #menu ul li.events.selected:hover > a, #menu ul li#pageid_6003.selected > a, #menu ul li#pageid_6003.selected > a:hover, #menu ul li#pageid_6003.selected:hover > a {background:/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/143651/orange_bg.png?v=0.2.1) center center scroll repeat */#f3901d;color:#003767;} #menu ul li.events > a:hover, #menu ul li.events:hover > a, #menu ul li#pageid_6003 > a:hover, #menu ul li#pageid_6003:hover > a, #menu ul li.events ul li:hover > a, #menu ul li.events ul li.selected > a, #menu ul li.events ul li a:hover, #menu ul li.events ul ul li.selected > a, #menu ul li#pageid_6003 ul li:hover > a, #menu ul li#pageid_6003 ul li.selected > a, #menu ul li#pageid_6003 ul li a:hover, #menu ul li#pageid_6003 ul ul li.selected > a, #menu ul li.events ul ul li:hover > a, #menu ul li.events ul ul li a:hover, #menu ul li.events ul ul li.selected a #menu ul li#pageid_6003 ul ul li:hover > a, #menu ul li#pageid_6003 ul ul li a:hover, #menu ul li#pageid_6003 ul ul li.selected a {color:#f3901d;} #menu ul li.events ul, #menu ul li#pageid_6003 ul {width:225px;right:-17.75px;} #menu ul li.events ul li, #menu ul li#pageid_6003 ul li {width:225px;} #menu ul li.events ul li > a, #menu ul li#pageid_6003 ul li > a {width:185px;} #menu ul li.recreation ul, #menu ul li#pageid_77574 ul {width:279px;left:-18.75px} #menu ul li.recreation ul li, #menu ul li#pageid_77574 ul li {width:279px;} #menu ul li.recreation ul li > a, #menu ul li#pageid_77574 ul li > a {width:239px;} /*#menu ul li.news ul li > a, #menu ul li.events ul li > a {text-align:right;}*/ #menu ul li.news ul:before {left:41%;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142187/menu_bg.png?v=0.3.2) /*44% */center top scroll no-repeat transparent;} #menu ul li.events ul:before, #menu ul li#pageid_6003 ul:before {left:73%;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/142187/menu_bg.png?v=0.3.2) /*76% */top scroll no-repeat transparent;} #menu ul li.news ul ul:before, #menu ul li.events ul ul:before { display: block; width: 12px; height: 14px; content: ""; position: absolute; top: 12px; left: auto; right: -12px; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/142186/menu_bg-side-right.png?v=0.4.1) right top scroll no-repeat transparent; z-index: 9; } /* Don't Display */ #menu ul ul li > ul, #menu ul ul li:hover > ul {display:none !important;} #menu ul ul ul li > ul, #menu ul ul ul li:hover > ul {display:none !important;} #menu ul ul ul ul li > ul, #menu ul ul ul ul li:hover > ul {display:none !important;} #mobile ul ul li > ul, #mobile ul ul li:hover > ul {display:none !important;} #mobile ul ul ul li > ul, #mobile ul ul ul li:hover > ul {display:none !important;} #mobile ul ul ul ul li > ul, #mobile ul ul ul ul li:hover > ul {display:none !important;} /*====Left Nav====*/ #leftnav { display: block; width: 20%; height: auto; margin: /*74px*/25px 5% 30px 0; padding: 0; float: left; clear: right; position: relative; background: none; border: 0px none; /* Opacity */ filter: alpha(opacity=0); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } #leftnav ul {display:block;width:100%;height:auto;margin:0 0 30px;padding:0;position:relative;float:left;clear:both;background:#FFF;border:0px none;overflow:hidden;} #leftnav ul li {display:block;width:100%;height:auto;margin:0;padding:0;text-decoration:none;float:left;clear:both;list-style:none none;position:relative;background:#FFF;} #leftnav ul li > a {display:block;width:100%;height:auto;margin:0 0 -1px;padding:10px 0%;float:left;clear:both;cursor:pointer;overflow:hidden;text-decoration:none;font-size:14px;line-height:140%;font-weight:normal;color:#333;background:#FFF;position:relative;text-align:left;border:0px none;border-bottom:2px solid #c2c2c2; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } /*#leftnav ul li:last-child > a, #leftnav ul li:last-child:hover > a {margin:0;border-bottom-width:1px !important;}*/ /* Hover */ #leftnav ul li.hover > a, #leftnav ul li.hover:hover > a, #leftnav ul li.selected > a, #leftnav ul li.selected:hover > a {color:#003767;border-bottom:5px solid #003767;background: /*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0018/142164/controls_prev.png?v=0.3.2) left center scroll no-repeat */transparent;width:90%;padding:10px 0% 10px 10%;font-weight:bold;} #leftnav > ul > li.hover > a:before, #leftnav > ul > li.hover:hover > a:before, #leftnav > ul > li.selected > a:before, #leftnav > ul > li.selected:hover > a:before { display: block; position: absolute; top: 20px; left: 0px; margin: 0; padding: 0; float: none; clear: none; width: auto; height: auto; content: "\276E"; font-size: 10px; line-height: 0; } #leftnav > ul > li.main > a:before, #leftnav > ul > li.main:hover > a:before, #leftnav > ul > li.main.selected > a:before, #leftnav > ul > li.main.selected:hover > a:before { display: none; } /*#leftnav ul li.hover:last-child > a, #leftnav ul li.hover:last-child:hover > a, #leftnav ul li.selected:last-child > a, #leftnav ul li.selected:last-child:hover > a {margin:0;border-bottom-width:4px !important;}*/ #leftnav ul li.main > a, #leftnav ul li.main:hover > a, #leftnav ul li.main.selected > a, #leftnav ul li.main.selected:hover > a {background:#FFF;width:100%;padding:10px 0%; /* Transition */ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #leftnav ul li > a:hover, #leftnav ul li:hover > a, #leftnav ul ul li:hover > a, #leftnav ul ul li > a:hover {color:#27828a;border-bottom:2px solid #27828a;} /*#leftnav ul li:last-child > a:hover, #leftnav ul li:last-child:hover > a, #leftnav ul ul li:last-child:hover > a, #leftnav ul ul li:last-child > a:hover {margin:0;border-bottom-width:1px !important;}*/ #leftnav ul ul li.hover > a, #leftnav ul ul li.hover:hover > a, #leftnav ul ul li.selected > a, #leftnav ul ul li.selected:hover > a {color:#27828a;border-bottom:3px solid #27828a;background:#FFF;width:100%;padding:10px 0%;font-weight:normal;} /*#leftnav ul ul li.hover:last-child > a, #leftnav ul ul li.hover:last-child:hover > a, #leftnav ul ul li.selected:last-child > a, #leftnav ul ul li.selected:last-child:hover > a {margin:0;border-bottom-width:2px !important;}*/ /* Selected */ #leftnav ul li > ul {display:none;margin:0 0 0 0%;} #leftnav ul li.selected > ul {display:block;} /*====Submenu====*/ #leftnav ul ul li > a {width:100%;padding:10px 0% 10px 0%;} #leftnav ul ul ul li > a {width:90%;padding:10px 0% 10px 10%;} #leftnav ul ul ul ul li > a {width:80%;padding:10px 0% 10px 20%;} #leftnav ul ul ul ul ul li > a {width:70%;padding:10px 0% 10px 30%;} /*====Dropdown====*/ #nav {display:none;position:absolute;top:0px;left:0px;width:100%;height:35px;background:#999;} #nav select {height:35px;width:100%;position:absolute;top:0px;left:0px;cursor:pointer;z-index:99;} #nav select option {font-size:15px;padding:5px 10px;} #nav .customStyleSelectBox {display:block;height:15px;margin:0px;padding:10px 15% 10px 5%;width:80%;position:absolute;top:0px;left:0px; font-size:15px;text-transform:uppercase;color:#FFF;/*font-family:'Lato', sans-serif;*/ background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/142166/dropdown-select.png?v=0.4.1) center right scroll no-repeat transparent;background-size:35px 35px;} /*====Visit Us====*/ #locations { display: block; width: 100%; height: auto; margin: 0 auto 30px; padding: 0; float: none; clear: both; position: relative; overflow: hidden; background: none; } #locations > select {margin:0 auto 20px;height:32px;line-height:100%;font-size:13px;} #locations .visit_information ul {display:list-item;margin:0px 0px 15px 0px;padding:0px;text-decoration:none;list-style:disc outside none;} #locations .visit_information ol {display:list-item;margin:0px 0px 15px 0px;padding:0px;text-decoration:none;background:none;} #locations .visit_information ul ul, #locations .visit_information ol ol, #locations .visit_information ul ul ul, #locations .visit_information ol ol ol {margin:10px 0px 10px 0px;} #locations .visit_information ul ol, #locations .visit_information ol ul, #locations .visit_information ul ol ul, #locations .visit_information ol ul ol {margin:10px 0px 10px 0px;} #locations .visit_information li {display:list-item;color:#333;font-size:13px;line-height:130%;background:none;margin:0px 0px 10px 18px;padding:0px 0px 0px 0px;list-style:disc outside none;} #locations .visit_information * {font-size:13px;line-height:130%;} #locations table tr, #locations table tr:nth-child(2n+1), table.standard tr, table.standard tr:nth-child(2n+1) {background:none;} #locations table tr td, table.standard tr td {padding:0 0 10px;} #locations .visit_information h2 {display:none;} #locations > #visit_links { display: block; width: 100%; height: auto; margin: 0 0 10px; padding: 0; float: left; clear: both; position: relative; /*overflow: hidden;*/ background: none; list-style: none none; } #locations > #visit_links > li { display: block; width: 33%; height: auto; margin: 0; padding: 0; float: left; clear: none; position: relative; /*overflow: hidden;*/ background: none; list-style: none none; } #locations > #visit_links > li > a { display: block; width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width: calc(100% - 2px); height: auto; margin: 0; padding: 5px 0px; float: left; clear: none; position: relative; list-style: none none; background: #FFF; border: 1px solid #c2c2c2; /* Border */ -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -ms-border-radius: 10px 10px 0px 0px; -o-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; text-decoration: none; text-align: center; font-size: 13px; font-weight: bold; color: #333; text-transform: none; white-space: nowrap; word-wrap: break-word; /* for IE, Firefox since 3.5 and Opera since 10.5 */ overflow: hidden; /* required for text-overflow */ text-overflow: ellipsis; /* for IE and WebKit (Safari, Chrome) */ -o-text-overflow: ellipsis; /* for Opera since 9.0 */ /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #locations > #visit_links > li.active > a, #locations > #visit_links > li > a.active, #locations > #visit_links > li > a:hover {background:#27828a;color:#FFF;} #visit_information, .visit_information > div { display: block; width: 100%; height: auto; margin: 0 auto; padding: 0; float: none; clear: both; position: relative; overflow: hidden; background: none; } .visit_information > div {display:none;} .visit_information > div.active {display:block;} /*====Side Menu====*/ #fallback { display: none; width: 100%; height: 100%; margin: 0; padding: 0; position: fixed; top: 0; left: 0; z-index: 9999; /*background: rgba(0,0,0,0.70);*/ background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/142171/fallback.png?v=0.4.1) center top scroll repeat transparent; /*background-color: #333;*/ /* Opacity */ /*filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70;*/ } #close_sections { display: block; min-width: 15px; min-height: 15px; margin: 0; padding: 25px 25px 25px 50px; float: none; clear: none; position: absolute; top: 0; right: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0018/142155/close-blue.png?v=0.4.1) 25px center scroll no-repeat transparent; text-decoration: none; font-size: 14px; font-weight: bold; line-height: 14px; color: #003767; z-index: 9999; border: 0px none; } #close_sections:hover {color:#003767;text-decoration:underline;border:0px none;} #mobile { display: block; width: 300px; height: 100%; margin: 0; padding: 0 0px; background: #FFF/*rgba(255,255,255,0.90)*/; color: #333; font-size: 30px; text-align: left; position: fixed; top: 0px; left: -300px; z-index: 99999; /* Transition */ /*-webkit-transition: 0.50s; -moz-transition: 0.50s; -ms-transition: 0.50s; -o-transition: 0.50s; transition: 0.50s;*/ /* Shadow */ -webkit-box-shadow: 0px 0px 0px #999; -moz-box-shadow: 0px 0px 0px #999; -ms-box-shadow: 0px 0px 0px #999; -o-box-shadow: 0px 0px 0px #999; box-shadow: 0px 0px 0px #999; } #mobile.active {left:0;} #mobile ul {display:block;width:100%;height:auto;margin:62px 0 25px;padding:0;position:relative;/*top:0px;left:0;*/float:left;clear:both;z-index:99;background:#FFF;} #mobile ul li {display:block;width:100%;height:auto;margin:0;padding:0;text-decoration:none;float:left;clear:both;list-style-image:none;list-style-type:none;position:relative;background:none;} #mobile ul li > a {display:block; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height:auto;margin:0;padding:12px 20px;float:left;clear:both;cursor:pointer;text-decoration:none;font-size:14px;font-weight:bold;color:#333;background:none;position:relative;text-align:left;border:0px none;line-height:16px;/*overflow:hidden;*/z-index:9999; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #mobile ul li > a { width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); padding:12px 40px 12px 20px;} #mobile ul li > a:hover {border:0px none;} /** :hover ~ .selected ~ .hover **/ #mobile ul li > ul {display:none;} /*#menu ul li.selected > ul,*/ #mobile ul li:hover > ul, #mobile ul li.hover > ul {display:block;} #mobile ul li:hover > a/*, #mobile ul li.hover > a*/ {color:#27828a;} #mobile ul li.selected > a, #mobile ul li.selected > a:before {color:#FFF;background-color:#27828a;} /* Selected */ #mobile ul li.selected > a, #mobile ul li.selected > a:hover /*#mobile ul li.hover > a, #mobile ul li.hover > a:hover*/ {/*cursor:default;*/z-index:99;} /* Events */ #mobile ul li.events:hover > a, #mobile ul li.events.hover > a, #mobile ul li.events > a:hover, #mobile ul li#pageid_6003:hover > a, #mobile ul li#pageid_6003.hover > a, #mobile ul li#pageid_6003 > a:hover, #mobile ul li.events.dropdown.hover > a:before {color:#f3901d !important;} #mobile ul li.events.selected > a, #mobile ul li.events.selected > a:hover, #mobile ul li.events.selected:hover > a, #mobile ul li.events.selected.hover > a, #mobile ul li.events.selected.hover > a:hover, #mobile ul li.events.selected.hover:hover > a, #mobile ul li.events.dropdown.selected > a:before, #mobile ul li#pageid_6003.selected > a, #mobile ul li#pageid_6003.selected > a:hover, #mobile ul li#pageid_6003.selected:hover > a, #mobile ul li#pageid_6003.selected.hover > a, #mobile ul li#pageid_6003.selected.hover > a:hover, #mobile ul li#pageid_6003.selected.hover:hover > a {background:/*url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/143651/orange_bg.png?v=0.2.1) center center scroll repeat */#f3901d !important;color:#003767 !important;} #mobile ul li.events ul li:hover > a, #mobile ul li.events ul li a:hover, #mobile ul li.events ul li.selected > a, #mobile ul li.events ul ul li.selected > a, #mobile ul li#pageid_6003 ul li:hover > a, #mobile ul li#pageid_6003 ul li a:hover, #mobile ul li#pageid_6003 ul li.selected > a #mobile ul li#pageid_6003 ul ul li.selected > a, #mobile ul li.events ul ul li:hover > a, #mobile ul li.events ul ul li a:hover, #mobile ul li.events ul ul li.selected a #mobile ul li#pageid_6003 ul ul li:hover > a, #mobile ul li#pageid_6003 ul ul li a:hover, #mobile ul li#pageid_6003 ul ul li.selected a {color:#f3901d !important;} /*====Submenu====*/ #mobile ul ul {display:none;width:295px;height:auto;margin:0px 0;padding:10px 0;position:absolute;top:0px;left:100%;z-index:999;background:#FFF; -webkit-box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; -ms-box-shadow: 0px 0px 5px #999; -o-box-shadow: 0px 0px 5px #999; box-shadow: 0px 0px 5px #999; } #mobile ul ul:before { display: block; width: 12px; height: 14px; content: ""; position: absolute; top: 12px; left: -12px; background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/142185/menu_bg-side-left.png?v=0.3.2) left top scroll no-repeat transparent; z-index: 9; } /*#mobile .mobile_dropdown {max-height:195px;overflow:hidden;overflow-y:scroll;}*/ #mobile ul ul li {display:block;width:295px;height:auto;margin:0px;padding:0;float:left;clear:both;border:0px none;} #mobile ul ul li > a {display:block;width:255px;height:auto;margin:0px;padding:10px 20px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #mobile ul ul li:hover > a {text-decoration:none;} #mobile ul ul li.selected > a {color:#27828a;background-color:#FFF;} /* ========================================================================== MOBILE ========================================================================== */ /****************** RESET: All ******************/ /*@media all and (max-width : 1012px) { }*/ /****************** ALL: Adjustments ******************/ /*@media all and (max-width : 0px) { header {width:90%;padding:0 5%;height:95px;} section {width:90%;padding:0 5% 100px;} footer {width:90%;padding:0 5%;top:auto;right:auto;bottom:auto;left:auto;position:relative;float:left;clear:both;} }*/ @media all and (min-width : 0px) and (max-width : 767px) { html.mobile_active, body.mobile_active {overflow:hidden;} header {width:90%;padding:0 5%;height:95px;} section {width:90%;padding:0 5%;} footer {width:90%;padding:0 5% 20px;top:auto;right:auto;bottom:auto;left:auto;position:relative;float:left;clear:both;} footer, #footer {height:auto;} #footer {padding:0/*200px*/ 0 20px/*40px*/;} #copyright {top:auto;right:auto;bottom:auto;left:auto;width:100%;position:relative;float:left;clear:both;} #copyright .address {width:100%;clear:both;margin:0 0 10px;} #copyright .numbers {width:100%;clear:both;margin:0 0 30px;padding:0 0 30px;border-bottom:3px solid #FFF;} #copyright .numbers span {display:block;width:100%;margin:0 0 10px;clear:both;} #links {width:100%;margin:0;top:auto;right:auto;bottom:auto;left:auto;position:relative;float:left;clear:both;} #forms {display:block;margin:0 0 15px;padding:0 0 0 30px;float:left;clear:both;} #councillors_portal, #councillors_portal_logout {display:block;margin:0 0 15px;padding:0 0 0 30px;float:left;clear:both;} #councillors_portal_logout {display:none;} body.councillors_portal #councillors_portal {display:none;} body.councillors_portal #councillors_portal_logout {display:block;} #subscribe {display:block;margin:0 0 10px;padding:0 0 0 30px;float:left;clear:both;} #facebook {display:block;width:auto;min-width:32px;margin:0 0 15px;padding:0 0 0 30px;float:left;clear:both;text-indent:0;background-size:auto auto;background-position:-8px 0px;} #twitter {display:block;width:auto;min-width:32px;margin:0 0 15px;padding:0 0 0 30px;float:left;clear:both;text-indent:0;background-size:auto auto;} #rssfeed {display:block;width:auto;min-width:32px;margin:0 0 15px;padding:0 0 0 30px;float:left;clear:both;text-indent:0;background-size:auto auto;} #date_last_updated {bottom:0px;} #links a.social_media {display:block;min-width:32px;float:left;clear:both;margin:0 0 15px;} #links a.social_media span {display:inline-block;} #links a.social_media:before {text-align:left;} #links a.social_media:hover { filter: alpha(opacity=100); -khtml-opacity: 1.0; -webkit-opacity: 1.0; -moz-opacity: 1.0; -ms-opacity: 1.0; -o-opacity: 1.0; opacity: 1.0; } #links a.social_media.icons {display:block !important;min-width:32px !important;float:left !important;clear:both !important;margin:0 0 15px !important;} #links a.social_media.icons span {display:inline-block;overflow:hidden;line-height:180%;} #links a.social_media.icons:before {width:32px !important;} #links a.social_media.icons.enews:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0006/162582/icons-enews.png?v=0.2.1) left center scroll no-repeat transparent; } #links a.social_media.icons.facebook:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/162583/icons-facebook.png?v=0.2.1) left center scroll no-repeat transparent; } #links a.social_media.icons.twitter:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/162584/icons-twitter.png?v=0.2.1) left center scroll no-repeat transparent; } #links a.social_media.icons.flickr:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0009/162585/icons-flickr.png?v=0.2.1) left center scroll no-repeat transparent; } #links a.social_media.icons.youtube:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0010/162586/icons-youtube.png?v=0.2.1) left center scroll no-repeat transparent; } #links a.social_media.icons.soundcloud:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0011/162587/icons-soundcloud.png?v=0.2.1) left center scroll no-repeat transparent; } #links a.social_media.icons.pinterest:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/162588/icons-pinterest.png?v=0.2.1) left center scroll no-repeat transparent; } #links a.social_media.icons.rssfeed:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/162589/icons-rssfeed.png?v=0.2.1) left center scroll no-repeat transparent; } #links a.social_media.icons.instagram:before { background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/162590/icons-instagram.png?v=0.2.1) left center scroll no-repeat transparent; } #links a.social_media, #links a.social_media.icons { width: auto; } #links a.social_media:hover span, #links a.social_media.icons:hover span { text-decoration: underline !important; } #header {width:90%;padding:0 5%;height:95px;} #mobile_logo {display:block;} #logo {display:none !important;} #link_contact {display:block;} #link_forms, #link_portal, body.councillors_portal #link_portal_logout, #contact_details {display:none;} #link_sections {position:absolute;top:55px;left:0%;width:30px;height:25px;padding:0;overflow:hidden;text-indent:-999999px;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0017/142208/sections_large-white.png?v=0.4.1) left top scroll no-repeat transparent;background-size:100% auto;} #link_search {position:absolute;top:55px;width:25px;height:25px;padding:0;overflow:hidden;text-indent:-999999px;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0012/142203/search_large-white.png?v=0.4.1) left top scroll no-repeat transparent;background-size:100% auto;} #search_close {position:absolute;top:55px;right:0px;width:25px;height:25px;padding:0;font-size:0px;text-indent:-999999px;background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0020/142157/close_large-blue.png?v=0.4.1) left top scroll no-repeat transparent;background-size:100% auto;} #search_close:after {top:35px;} .body.sitesearch #mobile_logo {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/142216/logo_mobile-blue.png?v=0.4.1) left top scroll no-repeat transparent;background-size:100% auto;} .body.sitesearch #link_contact {background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/142159/contact_us_large-blue.png?v=0.4.1) left top scroll no-repeat transparent;background-size:100% auto;} .body.sitesearch #link_sections {background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0016/142207/sections_large-blue.png?v=0.4.1) left top scroll no-repeat transparent;background-size:100% auto;} #searcharea {width:90%;margin-top:120px;padding:0 5%;} #searcharea .cat_textbox {width:78%;padding:30px 17% 30px 5%;} #searcharea form {top:auto;right:auto;bottom:auto;left:auto;margin:0 0 30px;position:relative;float:left;clear:both;} #whatsearch {top:auto;right:auto;bottom:auto;left:auto;margin:10px 0 20px;position:relative;float:left;clear:both;font-size:19px;} #searchlogo {display:none;top:auto;right:auto;bottom:auto;left:auto;margin:0;position:relative;float:left;clear:both;} #subscribe:hover, #facebook:hover, #twitter:hover, #rssfeed:hover { filter: alpha(opacity=100); -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } /* homepage */ #homeslider {width:100% !important;margin:0 0 30px !important;padding:0;} #homeintro_links {width:100%;margin:0;} #homeintro_links ul, #homeintro_links ul:nth-child(3n) {width:100%;float:left;clear:both;} #haveyoursay_news {width:100%;clear:both;} .jcarousel-wrapper {width:70%;padding:0 15%;} .jcarousel li, #fullcol > .section .jcarousel li {padding:0;} #other_sites {width:100%;clear:both;padding:0;border:0px none;} #other_sites h3 {text-align:left;background-position:left top;} .view_all, #homeintro_links .view_all, #explore .view_all, #events .view_all, #events .view_all.subscribe {float:none !important;margin:15px 0 0;} /* internal pages */ #pageintro, #rightinfo {width:100%;} #pageinfo, #pageslider {width:100% !important;margin:0 0 30px !important;padding:0;} #pageinfo_calendar {display:none;} #pageinfo_links {width:100%;margin:0;} #pageintro_links {width:100%;margin:0;background-position:left top !important;} #pageintro_links h3 {width:100%;padding:10px 0 20px;} #heading {display:block;width:100%;margin:0 -1000% 25px 0;padding:20px 1000% 20px 10%;} body.councillors_portal #heading, body.events_page #heading, #heading.no_menu {margin:0 -1000% 25px 0;} #breadcrumbs {display:none;} #in_this_section.menu {display:block;} #in_this_section.no_menu {display:none;} #leftnav > div, #leftnav #locations, #leftnav .headings {display:none;} #leftnav {display:none;width:100%;margin:0px -10% 25px;padding:0px 10% 0px;float:left;clear:both;background:#27828a;} #leftnav ul {display:none;background:#27828a;border:0px none;margin:0 -10%;padding:0 10%;} #leftnav ul li {background:#27828a;} #leftnav ul li > a {width:100%;padding:10px 10% 10px 10%;margin:0 -10% -1px;color:#FFF;background:#27828a;border-bottom:2px solid #60a9af;} #leftnav ul li > a:hover, #leftnav ul li.hover > a, #leftnav ul li.hover:hover > a, #leftnav ul li.selected > a, #leftnav ul li.selected:hover > a {width:100%;padding:10px 10% 10px 10%;margin:0 -10% -1px;color:#FFF;background:#27828a;border-bottom:2px solid #FFF;} #leftnav ul li.main > a, #leftnav ul li.main:hover > a, #leftnav ul li.main.selected > a, #leftnav ul li.main.selected:hover > a {color:#FFF;background:#27828a;padding:10px 10% 10px 10%;margin:0 -10% -1px;} #leftnav ul li > ul {margin:0 0 0 -10%;} #leftnav ul ul li > a { width: -moz-calc(100% - 25px) !important; width: -webkit-calc(100% - 25px) !important; width: calc(100% - 25px) !important; padding: 10px 10% 10px calc(10% + 25px); margin: 0 -10% -1px; color:#FFF;background:#27828a;border-bottom:2px solid #60a9af;} #leftnav ul ul li > a:hover, #leftnav ul ul li.hover > a, #leftnav ul ul li.hover:hover > a, #leftnav ul ul li.selected > a, #leftnav ul ul li.selected:hover > a { width: -moz-calc(100% - 25px) !important; width: -webkit-calc(100% - 25px) !important; width: calc(100% - 25px) !important; padding: 10px 10% 10px calc(10% + 25px); margin: 0 -10% -1px; color:#FFF;background:#27828a;border-bottom:2px solid #FFF;} #leftnav ul ul li.hover > a, #leftnav ul ul li.hover:hover > a, #leftnav ul ul li.selected > a, #leftnav ul ul li.selected:hover > a {font-weight:bold;} #leftnav ul ul ul li > a { width: -moz-calc(100% - 50px) !important; width: -webkit-calc(100% - 50px) !important; width: calc(100% - 50px) !important; padding: 10px 10% 10px calc(10% + 50px); margin: 0 -10% -1px; color:#FFF;background:#27828a;border-bottom:2px solid #60a9af;} #leftnav ul ul ul li > a:hover, #leftnav ul ul ul li.hover > a, #leftnav ul ul ul li.hover:hover > a, #leftnav ul ul ul li.selected > a, #leftnav ul ul ul li.selected:hover > a { width: -moz-calc(100% - 50px) !important; width: -webkit-calc(100% - 50px) !important; width: calc(100% - 50px) !important; padding: 10px 10% 10px calc(10% + 50px); margin: 0 -10% -1px; color:#FFF;background:#27828a;border-bottom:2px solid #FFF;} #leftnav ul ul ul li.hover > a, #leftnav ul ul ul li.hover:hover > a, #leftnav ul ul ul li.selected > a, #leftnav ul ul ul li.selected:hover > a {font-weight:bold;} #leftnav ul ul ul ul li > a { width: -moz-calc(100% - 75px) !important; width: -webkit-calc(100% - 75px) !important; width: calc(100% - 75px) !important; padding: 10px 10% 10px calc(10% + 75px); margin: 0 -10% -1px; color:#FFF;background:#27828a;border-bottom:2px solid #60a9af;} #leftnav ul ul ul ul li > a:hover, #leftnav ul ul ul ul li.hover > a, #leftnav ul ul ul ul li.hover:hover > a, #leftnav ul ul ul ul li.selected > a, #leftnav ul ul ul ul li.selected:hover > a { width: -moz-calc(100% - 75px) !important; width: -webkit-calc(100% - 75px) !important; width: calc(100% - 75px) !important; padding: 10px 10% 10px calc(10% + 75px); margin: 0 -10% -1px; color:#FFF;background:#27828a;border-bottom:2px solid #FFF;} #leftnav ul ul ul ul li.hover > a, #leftnav ul ul ul ul li.hover:hover > a, #leftnav ul ul ul ul li.selected > a, #leftnav ul ul ul ul li.selected:hover > a {font-weight:bold;} #leftnav ul ul ul ul ul li > a { width: -moz-calc(100% - 100px) !important; width: -webkit-calc(100% - 100px) !important; width: calc(100% - 100px) !important; padding: 10px 10% 10px calc(10% + 100px); margin: 0 -10% -1px; color:#FFF;background:#27828a;border-bottom:2px solid #60a9af;} #leftnav ul ul ul ul ul li > a:hover, #leftnav ul ul ul ul ul li.hover > a, #leftnav ul ul ul ul ul li.hover:hover > a, #leftnav ul ul ul ul ul li.selected > a, #leftnav ul ul ul ul ul li.selected:hover > a { width: -moz-calc(100% - 100px) !important; width: -webkit-calc(100% - 100px) !important; width: calc(100% - 100px) !important; padding: 10px 10% 10px calc(10% + 100px); margin: 0 -10% -1px; color:#FFF;background:#27828a;border-bottom:2px solid #FFF;} #leftnav ul ul ul ul ul li.hover > a, #leftnav ul ul ul ul ul li.hover:hover > a, #leftnav ul ul ul ul ul li.selected > a, #leftnav ul ul ul ul ul li.selected:hover > a {font-weight:bold;} #leftnav ul li.selected > ul { display: block; border: 0px none; /* Transition */ -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } #leftnav > ul > li.hover > a:before, #leftnav > ul > li.hover:hover > a:before, #leftnav > ul > li.selected > a:before, #leftnav > ul > li.selected:hover > a:before { display: none; } [class*="columns"], .leftcol, .rightcol, .fullcol, #leftcol, #rightcol, #fullcol {width:100%;float:left;clear:both;} #fullcol > [id*="div_"], #fullcol > [id*="container_"], #fullcol [id*="sq"], #fullcol > .default, #fullcol > .section, #fullcol > .fullwidth, #fullcol > .leftonly, #portal_left > [id*="div_"], #portal_left > [id*="container_"], #portal_left [id*="sq"], #portal_left > .default, #portal_left > .section, #portal_left > .fullwidth, #portal_left > .leftonly, #rightinfo > [id*="div_"], #rightinfo > [id*="container_"], #rightinfo [id*="sq"], #rightinfo > .default, #rightinfo > .section, #rightinfo > .fullwidth, #rightinfo > .leftonly, #pageinfo > [id*="div_"].section, #pageinfo > [id*="container_"].section {width:100%;clear:both;float:left;} #pageinfo > [class*="info_message"], #pageinfo > [class*="info_message"].section { width: -moz-calc(100% - 70px) !important; width: -webkit-calc(100% - 70px) !important; width: calc(100% - 70px) !important; float:left;clear:both; } #pageinfo #map_area {width:100%;clear:both;float:left;margin:0 -1000% 30px -1000%;} #fullcol > [id*="div_"] > *, #fullcol > [id*="container_"] > *, #fullcol > [id*="sq_"] > *, #fullcol > [id*="form_"] > *, #fullcol > .default > *, #fullcol > .section > *, #fullcol > .fullwidth > *, #fullcol > .leftonly > *, #portal_left > [id*="div_"] > *, #portal_left > [id*="container_"] > *, #portal_left > [id*="sq_"] > *, #portal_left > [id*="form_"] > *, #portal_left > .default > *, #portal_left > .section > *, #portal_left > .fullwidth > *, #portal_left > .leftonly > *, #rightinfo > [id*="div_"] > *, #rightinfo > [id*="container_"] > *, #rightinfo > [id*="sq_"] > *, #rightinfo > [id*="form_"] > *, #rightinfo > .default > *, #rightinfo > .section > *, #rightinfo > .fullwidth > *, #rightinfo > .leftonly > * { width: 100%; /*margin: 0 0 15px 0%; clear: both;*/ } .socialmedia, #fullcol > .section > .socialmedia { width: 100%; height: auto !important; min-height: 0 !important; } #fullcol > [id*="div_"] img, #fullcol > [id*="container_"] img, #fullcol > [id*="sq_"] img, #fullcol > [id*="form_"] img, #fullcol > .default img, #portal_left > [id*="div_"] img, #portal_left > [id*="container_"] img, #portal_left > [id*="sq_"] img, #portal_left > [id*="form_"] img, #portal_left > .default img, #rightinfo > [id*="div_"] img, #rightinfo > [id*="container_"] img, #rightinfo > [id*="sq_"] img, #rightinfo > [id*="form_"] img, #rightinfo > .default img { width: auto !important; display: block; max-width: 100% !important; height: auto !important; float: none !important; } #fullcol > [id*="div_"] h2, #fullcol > [id*="container_"] h2, #fullcol > [id*="sq_"] h2, #fullcol > [id*="form_"] h2, #fullcol > .default h2, #fullcol > .section h2, #fullcol > .section.leftonly h2, #fullcol > .fullwidth h2, #fullcol > .leftonly h2, #portal_left > [id*="div_"] h2, #portal_left > [id*="container_"] h2, #portal_left > [id*="sq_"] h2, #portal_left > [id*="form_"] h2, #portal_left > .default h2, #portal_left > .section h2, #portal_left > .section.leftonly h2, #portal_left > .fullwidth h2, #portal_left > .leftonly h2, #rightinfo > [id*="div_"] h2, #rightinfo > [id*="container_"] h2, #rightinfo > [id*="sq_"] h2, #rightinfo > [id*="form_"] h2, #rightinfo > .default h2, #rightinfo > .section h2, #rightinfo > .section.leftonly h2, #rightinfo > .fullwidth h2, #rightinfo > .leftonly h2 { /*display: block; width: 100%; height: auto; margin: 0 0 15px 0; float: none; clear: both; position: relative;*/ } #fullcol > .leftonly ul li, #portal_left > .leftonly ul li, #rightinfo > .leftonly ul li {margin:0 0 10px 18px;} #fullcol > .leftonly img, #portal_left > .leftonly img, #rightinfo > .leftonly img {width:auto;max-width:100%;height:auto;} #gallery_icons, .gallery_icons {display:none;} #slider .flex-direction-nav li, .slider .flex-direction-nav li, #slider .flex-direction-nav li:last-child, .slider .flex-direction-nav li:last-child {display:none !important;} #rightinfo > [id*="div_"] > .jgallery-wrapper, #rightinfo > [id*="container_"] > .jgallery-wrapper, #rightinfo > [id*="sq_"] > .jgallery-wrapper, #rightinfo > .default > .jgallery-wrapper, #rightinfo > div > .jgallery-wrapper {width:100%;margin:0 -1000% 30px -1000%;} #backtop_sharethis {width:100% !important;margin:0px -1000% 0px 0% !important;} #portal_left, #rightinfo, #portal_right {width:100%;float:none;clear:both;margin:0 0 20px;} #events_left, #events_right {width:100%;float:none;clear:both;margin:0 0 20px;} #events_next_prev {width:100%;float:left;clear:both;margin:0 0 20px;} #events_browse {width:112%;height:auto;margin:0 0% 30px;} #events_browse_category {width:100%;clear:both;} #events_browse_dropdown {width:100%;border-bottom:1px solid #c2c2c2;} #events_browse_dropdown .customStyleSelectBox {width:85%;padding:19px 10% 19px 5%;background-position:95% center;} #event_browse_search {width:100%;clear:both;margin:-1px 0 0} #event_browse_search input[type="text"] {width:90%;padding:19px 5% 19px 5%;background-image:none;} #events_days {width:112%;height:auto;margin:0 -6% 30px;} #events_list ul li > *, ul.events-list li > * {width:100% !important;float:left !important;clear:both !important;} #events_list ul li h2, ul.events-list li h2 {float:none !important;clear:both !important;width:100% !important;} #events_list ul li > a, ul.events-list li > a {max-width:100% !important;lear:both;margin:0 !important;} #events_list ul li > img, ul.events-list li > img, #events_list ul li > a > img, ul.events-list li > a > img {clear:both;margin:0 0 15px !important;} #events_list ul li > img, ul.events-list li > img {max-width:100% !important;} #events_calendar {display:none;} #events_date p { width: -moz-calc(100% - 170px); width: -webkit-calc(100% - 170px); width: calc(100% - 170px); } #calendar_view { max-width: 170px; } #weekly_view, #monthly_view { float:right;clear:both;margin:0; } #weekly_view {margin:0 0 10px;} #events_list ul:last-child, #events_list ul:last-child li, ul.events-list:last-child, ul.events-list:last-child li {border:0px none !important;} ul.pagination li.result_count > a {display:none;} #box_links {width:100% !important;float:left !important;clear:both !important;margin:0 0 20px !important;} .boxlink { width: -moz-calc(100% - 20%); width: -webkit-calc(100% - 20%); width: calc(100% - 20%); } #box_links .pagelinks, #box_links .pagelinks:last-child {width:100% !important;float:left !important;clear:both !important;margin:0 0 30px !important;} [id*="_categories"], #fullcol [id*="_categories"] {float:left !important;} [id*="_categories"] > a, #fullcol [id*="_categories"] > a {width:90% !important;padding:10px 5% !important;border:1px solid #003767 !important;} [id*="_categories"] > a:hover, #fullcol [id*="_categories"] > a:hover, [id*="_categories"] > a.active, #fullcol [id*="_categories"] > a.active {border:1px solid #003767 !important;} [class*="info_message"], [class*="info_message"].leftonly { width: -moz-calc(100% - 70px) !important; width: -webkit-calc(100% - 70px) !important; width: calc(100% - 70px) !important; margin: 0 0% 30px 0 !important; padding: 15px 20px 15px 50px !important; } [class*="item_message"].leftonly { width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; margin: 0 0% 30px 0 !important; padding: 15px 20px 15px 20px !important; } #stories-list .story-detail, #stories-list .story-thumb { display: block; width: 100%; max-width: 100%; margin: 0 0 15px; padding: 0; float: none; clear: both; } [class*="columns"], .leftcol, .rightcol, .fullcol { display: block !important; width: 100% !important; float: none !important; clear: both !important; margin: 0 0 30px 0 !important; } .left, .right {float:none !important;clear:both !important;margin:0 0 0px 0 !important;padding:0 !important;display:block;} .imgleft, .imgright {float:none !important;clear:both !important;margin:0 0 15px 0 !important;padding:0 !important;display:block;} ul.multiple li, li.multiple {width:100%;float:none;clear:both;} form .treemenu, form [class*="treemenu"], form .list { width: 100% !important; float: none !important; margin: 0 0 15px 0% !important; } form .list li { margin: 0 0 10px 18px !important; } form .treemenu ul, form [class*="treemenu"] ul, form .list ul { margin: 10px 0 30px 14px !important; } .options select {display:block;width:99%;float:none;clear:both;} #explore_collection a { width: -moz-calc(100% - 58px) !important; width: -webkit-calc(100% - 58px) !important; width: calc(100% - 58px) !important; height: auto; margin: 0 29px 20px; } #events_search { width: 90%; float: none; } #events_search label { width: 50px !important; } #events_search [type="text"] { width: -moz-calc(100% - 62px) !important; width: -webkit-calc(100% - 62px) !important; width: calc(100% - 62px) !important; margin: 0px !important; padding: 10px 6px; } #events_search .search_find .relative { width: -moz-calc(100% - 51px) !important; width: -webkit-calc(100% - 51px) !important; width: calc(100% - 51px) !important; margin: 0px !important; } #events_search [type="submit"] { margin: 20px 0; float: right; max-width: 120px; } .search_option { width: 100%; margin: 0 0 -1px; } .search_option.search_to { margin: 0; } .links_icon { background:url(https://www.woollahra.nsw.gov.au/__data/assets/image/0019/143272/links_icon.png?v=0.2.1) left top scroll no-repeat transparent !important; } [class*="links_icon_"]:before, [class*="links_icon_"]:after, [class*="box_icon_"]:before, [class*="box_icon_"]:after {text-align:left;} .links_icon_bookings:after {text-align:left;left:6px;} .box_icon_bookings:after {text-align:left;left:6px;margin:34px 0 0 10%;} .boxlink.feedback, .boxlink.box_icon_feedback {background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0005/143348/make_suggestion-white.png?v=0.2.1) 10% 35px scroll no-repeat #2F8AC5;} .boxlink.box_icon_feedback {text-align:left;} /* Blockquotes */ #fullcol > .section > q, #fullcol > .fullwidth > q, #fullcol > [id*="div_"] > q, #fullcol > [id*="container_"] > q, #fullcol > [id*="sq_"] > q, #fullcol > [id*="form_"] > q, #fullcol > .default > q, #portal_left > [id*="div_"] > q, #portal_left > [id*="container_"] > q, #portal_left > [id*="sq_"] > q, #portal_left > [id*="form_"] > q, #portal_left > .default > q, #rightinfo > [id*="div_"] > q, #rightinfo > [id*="container_"] > q, #rightinfo > [id*="sq_"] > q, #rightinfo > [id*="form_"] > q, #rightinfo > .default > q, #fullcol > .leftonly > q, #fullcol > .section.leftonly > q, #portal_left > .leftonly > q, #portal_left > .section.leftonly > q, #rightinfo > .leftonly > q, #rightinfo > .section.leftonly > q { /*width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important;*/ width: auto !important; margin: 0 0 15px; clear: none; } .pagelinks h3 {text-align:left;} .section_areas { display: block !important; width: 100% !important; height: auto !important; float: left !important; clear: both !important; position: relative !important; background: none !important; } .section_areas .area, .section_areas .area:nth-child(2n) { width: -moz-calc(100% - 60px) !important; width: -webkit-calc(100% - 60px) !important; width: calc(100% - 60px) !important; min-height: 0px !important; margin: 0 0 30px 0 !important; float: left !important; clear: both !important; } #pageinfo, #rightinfo #pageinfo { width: 100%; } #sharethis .addthis_toolbox { width: auto; padding: 20px 20px 5px; bottom: 54px; left: 7px; } #sharethis .addthis_toolbox > * {min-width:0px;min-height:0px;width:auto;margin:0 auto 10px !important;float:none;clear:both;border:0px none !important;} /*widths*/ [class*="width"]{width:100% !important;} [class*="max500"] {max-width:100% !important;} /* MENU: Main */ #menu {display:none;} /* MENU: Mobile */ #mobile { width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); width: calc(100% - 0px); padding: 0 0px; left: -100%; overflow: auto; overflow-x: hidden; -webkit-box-shadow: 0px 0px 0px #999; -moz-box-shadow: 0px 0px 0px #999; -ms-box-shadow: 0px 0px 0px #999; -o-box-shadow: 0px 0px 0px #999; box-shadow: 0px 0px 0px #999; } #mobile ul ul, #mobile ul ul ul {display:none;width:100%;height:auto;margin:0;padding:0;float:left;clear:both;background:none;position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow-x:hidden; -webkit-box-shadow: 0px 0px 0px #999; -moz-box-shadow: 0px 0px 0px #999; -ms-box-shadow: 0px 0px 0px #999; -o-box-shadow: 0px 0px 0px #999; box-shadow: 0px 0px 0px #999; } #mobile ul ul li, #mobile ul ul ul li {display:block;width:100%;height:auto;margin:0;padding:0;text-decoration:none;float:left;clear:both;list-style-image:none;list-style-type:none;position:relative;background:none;} #mobile ul li > a {border-bottom:1px solid #c2c2c2;} #mobile ul li > a:hover {border-bottom:1px solid #c2c2c2;} #mobile ul li.dropdown > a:before {display:block;width:40px;height:40px;line-height:40px !important;margin:-12px -40px -12px 0;padding:0;float:right;clear:none;position:relative;background:none;font:bold normal normal 1em/1 FontAwesome;font-size:14px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f107';text-align:center;background:#eee;/*border-right:1px solid #c2c2c2;*/} #mobile ul li.dropdown.hover > a, #mobile ul li.dropdown.hover > a:before { color: #27828a; } #mobile ul li.dropdown.selected > a:before { content: '\f105'; color: #FFF; background-color: #27828a; } #mobile ul li.dropdown.hover > a:before { content: '\f106'; } #mobile ul li.dropdown.hover > a:before { /*-webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg);*/ } #mobile ul ul li > a {display:block; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height:auto;margin:0px;padding:10px 0px 10px 40px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #mobile ul ul ul li > a {display:block; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); height:auto;margin:0px;padding:10px 0px 10px 60px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #mobile ul ul ul ul li > a {display:block; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); height:auto;margin:0px;padding:10px 0px 10px 80px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #mobile ul ul ul ul ul li > a {display:block; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); height:auto;margin:0px;padding:10px 0px 10px 100px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #pageintro, #rightinfo {overflow:visible;} #rightinfo #pageintro {width:100%;} #enews_subscribe, #rightinfo > [id*="div_"] #enews_subscribe, #rightinfo > [id*="container_"] #enews_subscribe, #pageinfo > [id*="div_"] #enews_subscribe, #pageinfo > [id*="container_"] #enews_subscribe { width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); height: auto; margin: 0 0 30px; } #rightinfo > [id*="div_"] #enews_subscribe, #rightinfo > [id*="container_"] #enews_subscribe, #pageinfo > [id*="div_"] #enews_subscribe, #pageinfo > [id*="container_"] #enews_subscribe { margin: 0 0 0px; } #search_library { display: block; width: 100%; height: auto; padding: 0px 10%; margin: -25px -10% 25px; position: relative; background: #155b61 !important; /* Transition */ /*-webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s;*/ } #search_library.opened { background: #155b61 none repeat scroll 0 0 !important; } #search_library.area { display: none; width: -moz-calc(112% - 40px); width: -webkit-calc(112% - 40px); width: calc(112% - 40px); height: -moz-calc(100% - 40px); height: -webkit-calc(100% - 40px); height: calc(100% - 40px); padding: 20px 20px; margin: 0 -6%; } #search_library.fixed { width: 90%; height: auto; padding: 0px 5%; margin: 0; /*top: 95px; left: 0;*/ } #whatsearch-library { display: block; width: -webkit-calc(50% - 10%); width: -moz-calc(50% - 10%); width: calc(50% - 10%); height: auto; margin: 0 0% 0 -10%; padding: 20px 10% 20px 10%; font-size: 14px; font-weight: bold; /*text-transform: uppercase;*/ cursor: pointer; border-right: 1px solid #FFF; clear: none; background: #333435; z-index: 9; } #search_library.opened #whatsearch-library { background: #155b61; } #login-library { display: block; width: -webkit-calc(50% - 10%); width: -moz-calc(50% - 10%); width: calc(50% - 10%); height: auto; margin: 0 -10% 0 -1px; padding: 20px 15% 20px 5%; font-size: 14px; font-weight: bold; /*text-transform: uppercase;*/ cursor: pointer; border: 0px none !important; clear: none; background: #333435; z-index: 8; } #whatsearch-library span, #login-library span { display: block; float: left; width: -webkit-calc(100% - 22px); width: -moz-calc(100% - 22px); width: calc(100% - 22px); line-height: 130%; } #whatsearch-library:hover {background:#155b61;} #login-library:hover {background:#155b61;border:0px none !important;} #whatsearch-library:before, #login-library:before { display: block; width: 22px; height: 14px; float: left; text-align: left; margin: 0 /*10px */0 0; font: normal normal normal 1em/1.3 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(1px); content: "\f002"; font-size: 14px; text-indent: 1px; } #login-library:before {content:"\f023";} #search_library-close { display: none; margin: 2px 12px 0 0/*-20px*/; right: 0; top: 14px; font-size: 24px; font-weight: normal; } #searcharea-library { display: block; width: 100%; height: auto; padding: 0; margin: 0 0%; float: left; clear: both; background: none; position: relative; } #search_library form { display: none; width: 100%; padding: 0px 0% 20px; } #info_btns { display: none; } #search_library-link.area { display: block; } /* Job Vacancies */ #second-column-textbox .OnRightSide > span > span { display: inline-block !important; width: auto !important; margin: 0 5px 5px 0 !important; } } @media not print { @media all and (min-width : 0px) and (max-width : 767px) { /* TABLES: Responsive */ table, thead, tbody, th, tr, td { width: 100% !important; display: block !important; } table.table_results tr:nth-child(2) { display: none !important; } table.table_links td { width: auto !important; float: left !important; background: none !important; } thead { display: none !important; } table.table_only thead { display: block !important; } th { width: 90% !important; display: block !important; padding: 10px 5%; } td { width: 90% !important; display: block !important; padding: 10px 5%; } #search_form td {width:100% !important;} td:before { display: block; width: 100%; clear: both; content: attr(data-td); background: none repeat scroll 0 0 transparent; color: #003767; font-weight: bold; text-transform: uppercase; } /* Date Picker */ .ui-datepicker table { display: table !important; width: 100% !important; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker thead { display: inline-table !important; width: 100% !important; } .ui-datepicker tbody { display: inline-table !important; width: 100% !important; } .ui-datepicker tr { width: 100% !important; display: table-row !important; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; width: unset !important; display: table-cell !important; } .ui-datepicker td { border: 0; padding: 1px; width: unset !important; display: table-cell !important; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } } } @media all and (min-width : 768px) and (max-width : 1024px) { /*html.mobile_active, body.mobile_active {overflow:hidden;}*/ header, #header {width:90%;padding:0 5%;} section {width:90%;padding:0 5% 300px/*340px*/;} footer {width:90%;height:300px/*340px*/;padding:0 5%;} #footer {height:300px/*340px*/;} #fullcol > [id*="div_"] > *, #fullcol > [id*="container_"] > *, #fullcol > [id*="sq_"] > *, #fullcol > [id*="form_"] > *, #fullcol > .default > *, #fullcol > .section > *, #fullcol > .fullwidth > *, #fullcol > .leftonly > *, #portal_left > [id*="div_"] > *, #portal_left > [id*="container_"] > *, #portal_left > [id*="sq_"] > *, #portal_left > [id*="form_"] > *, #portal_left > .default > *, #portal_left > .section > *, #portal_left > .fullwidth > *, #portal_left > .leftonly > *, #rightinfo > [id*="div_"] > *, #rightinfo > [id*="container_"] > *, #rightinfo > [id*="sq_"] > *, #rightinfo > [id*="form_"] > *, #rightinfo > .default > *, #rightinfo > .section > *, #rightinfo > .fullwidth > *, #rightinfo > .leftonly > * { width: 100%; /*margin: 0 0 15px 0%; clear: both;*/ } [class*="info_message"], [class*="info_message"].leftonly { width: -moz-calc(75% - 70px) !important; width: -webkit-calc(75% - 70px) !important; width: calc(75% - 70px) !important; margin: 0 0% 30px 0 !important; padding: 15px 20px 15px 50px !important; } [class*="item_message"].leftonly { width: -moz-calc(75% - 40px) !important; width: -webkit-calc(75% - 40px) !important; width: calc(75% - 40px) !important; margin: 0 0% 30px 0 !important; padding: 15px 20px 15px 20px !important; } /* Blockquotes */ #fullcol > .section > q, #fullcol > .fullwidth > q, #fullcol > [id*="div_"] > q, #fullcol > [id*="container_"] > q, #fullcol > [id*="sq_"] > q, #fullcol > [id*="form_"] > q, #fullcol > .default > q, #portal_left > [id*="div_"] > q, #portal_left > [id*="container_"] > q, #portal_left > [id*="sq_"] > q, #portal_left > [id*="form_"] > q, #portal_left > .default > q, #rightinfo > [id*="div_"] > q, #rightinfo > [id*="container_"] > q, #rightinfo > [id*="sq_"] > q, #rightinfo > [id*="form_"] > q, #rightinfo > .default > q, #fullcol > .leftonly > q, #fullcol > .section.leftonly > q, #portal_left > .leftonly > q, #portal_left > .section.leftonly > q, #rightinfo > .leftonly > q, #rightinfo > .section.leftonly > q { /*width: -moz-calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important;*/ width: auto !important; margin: 0 0 15px; clear: none; } #sitesearch {width:91%;padding:0 5%;} #gallery_icons {display:none;} #links a.social_media:hover, #subscribe:hover { filter: alpha(opacity=70); -khtml-opacity: 0.70; -webkit-opacity: 0.70; -moz-opacity: 0.70; -ms-opacity: 0.70; -o-opacity: 0.70; opacity: 0.70; } /* #homeslider {width:100% !important;margin:0 0 30px !important;} #homeintro_links {width:100%;} #i_want_to {width:48%;margin:0 4% 0 0;clear:none;} #our_online_services {width:48%;margin:0;clear:none;} #homeintro_links ul, #homeintro_links ul:nth-child(3n) {width:100%;float:none;clear:both;} */ .view_all {float:right !important;margin:5px 0 0;} #homeintro_links .view_all {float:right !important;margin:0px 0 0;} #subscribe { display: block; width: 20px; height: 20px; margin: 0px 20px 0 0; padding: 0; background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0010/142210/subscribe-white.png?v=0.4.1) left top scroll no-repeat transparent; background-size: 100% auto; float: left; text-align: left; text-indent: -999999px; overflow: hidden; line-height: 24px; } /*.pagelinks h3 { width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: calc(100% - 25px); padding: 20px 0 20px 25px; }*/ #pageintro_links h3 {width:100%;padding:20px 0;} #events_browse {width:100%;height:auto;} #events_browse_dropdown {width:35%;} #event_browse_search {width:45%;} #events_links a:before, #events_links a {font-size:12px;} #calendar_month_year h3 {font-size:12px;} .boxlink { width: -moz-calc(55% - 20%); width: -webkit-calc(55% - 20%); width: calc(55% - 20%); } #box_links.nobox .pagelinks {width:45%;margin:0 10% 0 0;} #searcharea {width:90%;margin-top:90px;padding:0 5%;} #searcharea .cat_textbox {width:78%;padding: 30px 17% 30px 5%;} #searcharea form {top:auto;right:auto;bottom:auto;left:auto;margin:0 0 30px;position:relative;float:left;clear:both;} #whatsearch {top:auto;right:auto;bottom:auto;left:auto;margin:30px 0 30px;position:relative;float:left;clear:both;} #searchlogo {top:auto;right:auto;bottom:auto;left:auto;margin:0;position:relative;float:left;clear:both;} #info_btns ul li > a {font-size:12px;text-align:left;} #info_btns ul li > a:before {width:100%;clear:both;text-align:left;} [id*="_categories"] > a, #fullcol [id*="_categories"] > a {padding:10px 5px !important;} /* MENU: Main */ #menu ul {display:table;width:90%;padding:0 5%;} #menu ul li {display:table-cell;float:none;} #menu ul li > a {font-size:12px;padding:12px 4px 8px;text-align:center;line-height:12px;} #menu ul ul li > a {font-size:12px;padding:5px 20px;text-align:left;} #menu ul li.recreation ul {width:224px;} #menu ul li.recreation ul li {width:224px;} #menu ul li.recreation ul li > a{width:184px;} /*links*/ #menu #pageid_142733 > a {padding:12px 4px 8px;} /*home*/ #menu #pageid_3703 > a {padding:12px 4px 8px;} /*council*/ #menu #pageid_4143 > a {padding:12px 4px 8px;} /*services*/ #menu #pageid_4735 > a {padding:12px 4px 8px;} /*building*/ #menu #pageid_4943 > a {padding:12px 4px 8px;} /*library*/ #menu #pageid_5599 > a {padding:12px 4px 8px;} /*community*/ #menu #pageid_43815 > a {padding:12px 4px 8px;} /*environment*/ #menu #pageid_77574 > a {padding:12px 4px 8px;} /*recreation*/ #menu #pageid_7618 > a {padding:12px 4px 8px;} /*news*/ #menu #pageid_6003 > a {padding:12px 4px 8px;} /*events*/ /* MENU: Mobile */ #mobile { overflow: auto; overflow-x: hidden; -webkit-box-shadow: 0px 0px 0px #999; -moz-box-shadow: 0px 0px 0px #999; -ms-box-shadow: 0px 0px 0px #999; -o-box-shadow: 0px 0px 0px #999; box-shadow: 0px 0px 0px #999; } #mobile ul ul, #mobile ul ul ul {display:none;width:100%;height:auto;margin:0;padding:0;float:left;clear:both;background:none;position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow-x:hidden; -webkit-box-shadow: 0px 0px 0px #999; -moz-box-shadow: 0px 0px 0px #999; -ms-box-shadow: 0px 0px 0px #999; -o-box-shadow: 0px 0px 0px #999; box-shadow: 0px 0px 0px #999; } #mobile ul ul li, #mobile ul ul ul li {display:block;width:100%;height:auto;margin:0;padding:0;text-decoration:none;float:left;clear:both;list-style-image:none;list-style-type:none;position:relative;background:none;} #mobile ul li > a {border-bottom:1px solid #c2c2c2;} #mobile ul li > a:hover {border-bottom:1px solid #c2c2c2;} #mobile ul li.dropdown > a:before {display:block;width:40px;height:40px;line-height:40px !important;margin:-12px -40px -12px 0;padding:0;float:right;clear:none;position:relative;background:none;font:bold normal normal 1em/1 FontAwesome;font-size:14px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f107';text-align:center;background:#eee;/*border-right:1px solid #c2c2c2;*/} #mobile ul li.dropdown.hover > a, #mobile ul li.dropdown.hover > a:before { color: #27828a; } #mobile ul li.dropdown.selected > a:before { content: '\f105'; color: #FFF; background-color: #27828a; } #mobile ul li.dropdown.hover > a:before { content: '\f106'; } #mobile ul li.dropdown.hover > a:before { /*-webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg);*/ } #mobile ul ul li > a {display:block; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height:auto;margin:0px;padding:10px 0px 10px 40px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #mobile ul ul ul li > a {display:block; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); height:auto;margin:0px;padding:10px 0px 10px 60px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #mobile ul ul ul ul li > a {display:block; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); height:auto;margin:0px;padding:10px 0px 10px 80px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #mobile ul ul ul ul ul li > a {display:block; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); height:auto;margin:0px;padding:10px 0px 10px 100px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} /*.options select {display:block;width:99%;float:none;clear:both;}*/ #locations > #visit_links > li {width:100%;} #locations > #visit_links > li > a { /* Border */ -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -ms-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .social_info li {margin:0 1% 5px 0 !important;} .social_info li > a:before {font-size:22px !important;} } @media all and (max-height : 767px) { /*html.mobile_active, body.mobile_active {overflow:hidden;}*/ /* MENU: Mobile */ #mobile { overflow: auto; overflow-x: hidden; -webkit-box-shadow: 0px 0px 0px #999; -moz-box-shadow: 0px 0px 0px #999; -ms-box-shadow: 0px 0px 0px #999; -o-box-shadow: 0px 0px 0px #999; box-shadow: 0px 0px 0px #999; } #mobile ul ul, #mobile ul ul ul {display:none;width:100%;height:auto;margin:0;padding:0;float:left;clear:both;background:none;position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow-x:hidden; -webkit-box-shadow: 0px 0px 0px #999; -moz-box-shadow: 0px 0px 0px #999; -ms-box-shadow: 0px 0px 0px #999; -o-box-shadow: 0px 0px 0px #999; box-shadow: 0px 0px 0px #999; } #mobile ul ul li, #mobile ul ul ul li {display:block;width:100%;height:auto;margin:0;padding:0;text-decoration:none;float:left;clear:both;list-style-image:none;list-style-type:none;position:relative;background:none;} #mobile ul li > a {border-bottom:1px solid #c2c2c2;} #mobile ul li > a:hover {border-bottom:1px solid #c2c2c2;} #mobile ul li.dropdown > a:before {display:block;width:40px;height:40px;line-height:40px !important;margin:-12px -40px -12px 0;padding:0;float:right;clear:none;position:relative;background:none;font:bold normal normal 1em/1 FontAwesome;font-size:14px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f107';text-align:center;background:#eee;/*border-right:1px solid #c2c2c2;*/} #mobile ul li.dropdown.hover > a, #mobile ul li.dropdown.hover > a:before { color: #27828a; } #mobile ul li.dropdown.selected > a:before { content: '\f105'; color: #FFF; background-color: #27828a; } #mobile ul li.dropdown.hover > a:before { content: '\f106'; } #mobile ul li.dropdown.hover > a:before { /*-webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg);*/ } #mobile ul ul li > a {display:block; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); height:auto;margin:0px;padding:10px 0px 10px 40px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #mobile ul ul ul li > a {display:block; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); height:auto;margin:0px;padding:10px 0px 10px 60px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #mobile ul ul ul ul li > a {display:block; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); height:auto;margin:0px;padding:10px 0px 10px 80px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} #mobile ul ul ul ul ul li > a {display:block; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); height:auto;margin:0px;padding:10px 0px 10px 100px;float:left;clear:both;font-size:13px;line-height:19px;text-align:left;} } /* .mobile-hide { display: none; } .mobile-only { display: block; } */ /* ================================ Mobile Devices ============================================ */ /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ .fixed {width:100%;} } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Styles */ } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Styles */ } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* Styles */ } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { /* Styles */ } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { /* Styles */ } /* iPhone 4 and high pixel ratio devices ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ } /* @end */