/* 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: 17 September 2025 09:45:26 */ html { width: 100%; height: 100%; } body { width: 100%; height: 100%; font-family: 'Libre Baskerville', serif; font-size: 14px; -webkit-font-smoothing: antialiased; background-color: #336; } body a:link { -webkit-tap-highlight-color: #c00; } a { outline: 0; } /* new width for large desktop */ .inner { width: 100%; max-width: 1400px!important; /*min-width: 755px;*/ margin: 0 auto; overflow: hidden; } #mobile-search-submit { display: none; } /* scroll down on first slide */ .scroll-down { display: none; } img.scroll-down { margin: 0 auto; margin-top: 80px; width: 255px; } .scroll-down-a { width: 255px; margin: 0 auto; display: block; } .addthis_toolbox { background-color: #fafafa; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; width: 95%; float: left; margin: 2.0em 0 0 0; padding: 1.0em 1.2em; } #widget:hover { text-decoration: none; color: transparent; background-color: transparent; } #contentwrapper .addthis_toolbox a { text-decoration: none; color: transparent; background-color: transparent; } #contentwrapper .addthis_toolbox a:hover { text-decoration: none; color: #fafafa; border-bottom: none; } .addthis_button_pinterest_pinit { width: 40px; height: 40px; } .addthis_button_google_plusone { width: 80px; height: 40px; } .addthis_button_tweet { width: 100px; height: 40px; } .right .social ul li::before { content: " "; } .social ul { margin: 0; padding: 0; margin-left: 0.0em; } .social a { color: #F63;text-decoration: none; } .social { font-size: 1.1em; margin: 20px 0; background: #3B5998; float: left; width: 100%; } .social li {list-style: none; margin: 0 0 5px 0; display: inline-block; width: 90%; } .social li span { display: inline-block; } .social li .copy { width: 75%; margin-top: 10px; } .social li.last .copy { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .social li .fb-icon { list-style: none; color: #82b964; margin-right: 8px; position: relative; top: 2px; vertical-align: top; width: 40px; height: 40px; background-color: #3B5998; } .social li .fb-icon img { width: 40px; height: 40px; } .social li strong { color: #fff; } ::selection { background: #393; color: #fff; text-shadow: none; } #mobilenav, #mobile-search { display: none; } .facebook { height: auto; background: #3B5998 url(/__data/assets/file/0011/316478/facebook-100.png) no-repeat top left; } .facebook2 span { font-size: 12px; font-style: normal; text-decoration: none; color: white; display: inline-block; margin: 0; padding: 0.35em 0.5em; border: none; float: left; } .facebook2 p a { position: relative; margin-left: 0px; } .facebook2 p { padding-left: 35px; position: relative; } .facebook2 { min-height: 35px; background: #3B5998; } img.fb { height: 35px; width: 35px; position: absolute; left: -35px; top: 0px; float: left; } .facebook2 span { color: #fff; } .hide { position: absolute; left: -9999em; height: 0; width: 0; overflow: hidden; } .clearall { display: inline-block; display: block; clear: both; } .clearall:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } body#asset321915 .right { background-color: #fff; } body#asset321915 .right form#search_page_304641 { display: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000; font-style: italic; } h1 { font-size: 2.5714em; line-height: 1.1em; margin-bottom: 0.5em; margin-top: 0.35em; } h2 { font-size: 1.7143em; line-height: 1.25em; margin-bottom: 0.25em; margin-top: 1.25em; clear:both; } h3 { font-size: 1.4286em; line-height: 1.25em; margin-bottom: 0.5em; margin-top: 1em; clear:both; } h4 { font-size: 1.2857em; line-height: 1.1667em; margin-bottom: 0.5em; margin-top: 0em; clear:both; } h5 { font-size: 1.1429em; line-height: 1.3125em; margin-bottom: 0.5em; margin-top: 0em; } h6 { font-size: 1.0em; line-height: 1.5em; margin-bottom: 1.0em; margin-top: 0em; } p { font-size: 1.0em; line-height: 1.5em; margin: 0 0 1.0em 0; } li { font-size: 1.0em; line-height: 1.5em; margin: 0 0 0.5em 0; } li:last-child { margin-bottom: 0; } ul, ol, dl, table { font-size: 1em; line-height: 1.5em; margin: 0 0 1.0em 0; } th, td { font-size: 1em; line-height: 1.5em; } a { text-decoration: none; } /*input { -webkit-appearance: none; border-radius: 0; }*/ #header { overflow: inherit; height: 74px; width: 100%; background: url(/__data/assets/image/0009/303984/topnav-background.png) repeat; position: fixed; top: 0; z-index: 102; background-color:transparent; } .header {} .header form { float: right; margin-right: 40px; } .header form fieldset { margin: 7px 0 0 0; border: none; padding: 0; } .header form input[type=text] { margin: 0; padding: 3px 7px 3px 7px; height: 33px; border: 1px solid #fff; width: 12em; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; } .header form input[type=text]:focus { box-shadow: 0 0 5px #c00; border: 1px solid #c00; } .header form button { vertical-align: top; height: 41px; width: 41px; margin: 0; padding: 0; border: none; background: url(/__data/assets/image/0004/289777/sprite-search.png) no-repeat -387px 0px #c00; } .header form button span { display: none; } .header img { border: none; float: left; margin: 0; padding: 0; position: relative; top: 0; left: 0; } .header ul { float: left; font-style: italic; margin: 15px 0 0 25px; font-size: 1.1429em; } .header ul li { font-size: 1.2em; list-style-type: none; margin: 0 10px 0 0; padding: 0 13px 0 0; display: inline; border-right: 1px solid #fff; } .header ul li:last-child { border: none; } .header ul li a { color: #fff; text-decoration: none; } .header ul li a:hover { -webkit-transition: background-color 0.8s ease-out; -moz-transition: background-color 0.8s ease-out; -ms-transition: background-color 0.8s ease-out; -o-transition: background-color 0.8s ease-out; transition: background-color 0.8s ease-out; background-color: #C33; } .header .homelink span { display: none; } #mini-nav a { display: none; } /** Content wrapper **/ #contentwrapper { background-color: #fff; color: #333; position: relative; top: 700px; z-index: 10; padding-bottom: 400px; } #contentwrapper a { color: #003399; text-decoration: none; border: none; cursor: pointer; } #contentwrapper a:hover { color: #036; border-bottom: 1px solid #036; } #contentwrapper .inner {} #contentwrapper .content { margin: 1% 4% 50px 18%; width: 52%; float: left; } .insidepage { margin-top: 355px; } /* #bigimage { width: 100%; position: fixed; height: 400px; min-height: 400px; top: 0px; z-index: 1; margin: 0 auto -64px; background-position: center top; background: url(/__data/assets/image/0012/311214/duckpondinner.jpg) no-repeat top center; } #bigimage { width: 100%; position: fixed; height: 400px; min-height: 400px; top: 0px; z-index: 1; margin: 0 auto -64px; background-position: center top; background: url(/__data/assets/image/0011/483086/southern-african-bg.jpg) no-repeat top center; } #bigimage { width: 100%; position: fixed; height: 400px; min-height: 400px; top: 0px; z-index: 1; margin: 0 auto -64px; background-position: center top; background: url(/__data/assets/image/0003/539283/leaves-turning.jpg) no-repeat top center; } #bigimage { width: 100%; position: fixed; height: 400px; min-height: 400px; top: 0px; z-index: 1; margin: 0 auto -64px; background-position: center top; background: url(/__data/assets/image/0004/546844/cardiocrinum-giganteum.jpg) no-repeat top center; } #bigimage { width: 100%; position: fixed; height: 400px; min-height: 400px; top: 0px; z-index: 1; margin: 0 auto -64px; background-position: center top; background: url(/__data/assets/image/0007/558322/crocus-remembrance.jpg) no-repeat top center; } #bigimage { width: 100%; position: fixed; height: 400px; min-height: 400px; top: 0px; z-index: 1; margin: 0 auto -64px; background-position: center top; background: url(/__data/assets/image/0006/566403/poppies.jpg) no-repeat top center; } #bigimage { width: 100%; position: fixed; height: 500px; min-height: 500px; top: 0px; z-index: 1; margin: 0 auto -64px; background-position: center top; background: url(/__data/assets/image/0004/606991/azalea-garden-spring.jpg) no-repeat top center; } */ #bigimage { width: 100%; position: fixed; height: 700px; min-height: 700px; top: 0px; z-index: 1; margin: 0 auto -64px; background-position: center top; background: url(/__data/assets/image/0018/632124/summer-banner.jpg) no-repeat top center; } /* Alpine House */ body#asset304343 #bigimage { background-image: url(/__data/assets/image/0018/320661/alpinehouse-bg.jpg); } /* Arboretum */ body#asset304353 #bigimage { background-image: url(/__data/assets/image/0020/320528/arboretum-bg.jpg); } /* Aviary */ body#asset963308 #bigimage { background-image: url(/__data/assets/image/0006/963312/aviary-north-winter-2018-bg.jpg); } body#asset300702 #bigimage { background-image: url(/__data/assets/image/0006/963312/aviary-north-winter-2018-bg.jpg); } /* Clive Lister Garden */ body#asset304361 #bigimage { background-image: url(/__data/assets/image/0014/320522/clive-lister-garden.jpg); } /* Herbaceous */ body#asset304373 #bigimage { background-image: url(/__data/assets/image/0019/320545/herbaceous-bg.jpg); } /* Herb garden */ body#asset304377 #bigimage { background-image: url(/__data/assets/image/0017/320552/herbgarden-bg.jpg); } body#asset304377 .header form button { background-color: #820233; } /* Theme borders */ body#asset304401 #bigimage { background-image: url(/__data/assets/image/0006/320586/themeborders-bg.jpg); } /* Geographic collection */ body#asset304365 #bigimage { background-image: url(/__data/assets/image/0020/320591/geographic-bg.jpg); } /* Water Garden */ body#asset304406 #bigimage { background-image: url(/__data/assets/image/0006/320595/watergarden-bg.jpg); } /* Rose Garden */ body#asset304397 #bigimage { background-image: url(/__data/assets/image/0019/320617/rosegarden-bg.jpg); } /* Camellia collection */ body#asset304357 #bigimage { background-image: url(/__data/assets/image/0005/322196/camellia-bg.jpg); } /* Native Plant Collection */ body#asset304385 #bigimage { background-image: url(/__data/assets/image/0020/320654/nativegarden-bg.jpg); } /* Winter Garden */ body#asset304369 #bigimage { background-image: url(/__data/assets/image/0006/320676/wintergarden-bg.jpg); } /* Rock Garden */ body#asset304393 #bigimage { background-image: url(/__data/assets/image/0020/320681/rockgarden-bg.jpg); } /* Rhododendron Dell */ body#asset304389 #bigimage { background-image: url(/__data/assets/image/0009/320688/rhododendrondell-bg.jpg); } /* Statues and Structures */ body#asset320417 #bigimage { background-image: url(/__data/assets/image/0010/320689/statues-structures-bg.jpg); } .tagline, .smalltag { font-size: 1.2857em; font-style: italic; color: #666; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 20px 0; } .published { font-size: 1.2857em; font-style: italic; color: #000; } #asset301583 .related-resources, .content .related-resources { display: none; } .content { color: #555; } .content .featuredimage { margin: 2em 0 1.5em 0; background-color: #f1f1f1; width: 100%; } .content .featuredimage img { width: 100%; } .content .featuredimage p { font-style: italic; text-align: right; margin: 0 1.0em 0 1.0em; padding: 0em 0em 1em 0; } .content .featuredimage p.photo-credit { text-align: right; padding: 0 0 1.5em 0; font-size: 12px; line-height: 1; } .content .latestarticle { float: left; width: 100%/*60%*/; margin-right: 5%; } .content .allarticles { float: left; width: 100%/*34%*/; font-size: 0.8571em; margin-top: 0.5em; } .content a.fancybox img { width: 31%; float: right; margin: 0 0 1.5em 3.5%; } .content p a.fancybox: nth-child(3) img { margin-left: 0%; } .content h1 { font-weight: 700; font-style: normal; color: #444; margin-top: 0.65em; } .content h2, .content h3, .content h4, .content h5, .content h6 { font-weight: normal; color: #444; font-style: normal; } .content p { color: #555; font-size: 16px; line-height: 1.625; font-weight: 300; } .content ul, .content ol, .content dl { margin: 1.0em 0 0 2.0em; color: #555; } .content ul { list-style-type: circle; } .content ul li, .content ol li { margin-bottom: 1.0em; } .content ul#fb-results { margin-left: 0; } .content ul#fb-results li { list-style-type: none; margin-bottom: 3.0em; } .content ul#fb-results li p.fb-results-url { color: #393 !important; font-size: 0.9em; } .content ul#fb-results li p.fb-results-url a.fb-cached, .content ul#fb-results li p.fb-results-url a.fb-explore { margin-left: 1.0em; } .content div#fb-queryform {} .content div#fb-queryform input#query { width: 65%; margin: 0 0 0 0; } .content div#fb-queryform button { padding: 0 0 0 0; margin: 0 0 0 0; } .content p.fb-page-nav {} .content p.fb-page-nav span.fb-current-result-page { font-weight: bold; } .content p.fb-page-nav a { border: 1px solid #ccc !important; padding: 0.5em; } .content p.fb-page-nav a:hover { background-color: #393; color: #fff !important; } .content p.fb-page-nav a.fb-next-result-page { border: none !important; } .content p#fb-spelling { color: #000; } .content p.fb-file-format { font-size: 0.9em; line-height: 1; } .content span.fb-date { color: #666; font-weight: bold; } .content h2.fb-title { border-top: 1px solid #333; padding-top: 1.0em; } .content table { text-align: left; } .content table tr { border-bottom: 1px solid #ccc; } .content table th { padding: 5px; } .content table td { padding: 5px; } .content .mini-banner { width: 100%; } /* search */ .content .search {} .content .search label { font-weight: bold; font-size: 16px; height: 41px; margin: 0 7px 7px 0; padding: 0; border: none; } .content .search input[type=text] { height: 35px; width: 70%; margin: 0 0 7px 0; padding: 0 7px 0 7px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; border: 1px solid #ddd; } .content .search input[type=text]:focus { box-shadow: 0 0 5px #393; border: 1px solid #393; } .content .search select { height: 41px; margin: 7px 0 7px 0; padding: 0; border: 1px solid #ddd; } .content .search select:focus { border-color: #f00; } .content .search input[type=submit] { height: 41px; margin: 0 0 0 0; } .content span.previous {} .content span.pages a { padding: 0 0.25em 0 0.25em; } .content span.pages b { padding: 0 0.25em 0 0.25em; } .content span.next {} /* Event Listing */ .event { margin-top: 2.0em; } .eventdate { text-align: center; width: 10%; margin-right: 5%; float: left; color: #666; background-color: #f8f8f8; padding: 0 0 0 0; } .eventdate .day { padding: 7px 0; font-size: 200%; } .eventdate .month { font-size: 12px; color: #fff; width: 100%; display: block; padding: 7px 0; text-transform: uppercase; background-color: #900; } .eventdescription { width: 85%; float: left; } .eventdescription h2 { margin-top: 0; font-size: 18px; } .eventdescription .smalltag { border: none; padding: 0; } /* content forms */ .content form, .content fieldset, .content legend, .content label, .content select, .content option, .content textarea, .content input, .content button { font-size: 16px; line-height: 1.625; vertical-align: middle; white-space: normal; white-space-collapse: collapse; border: 0 none; margin: 0; padding: 0; } .content form { margin: 1.5em 0 1.5em 0; } .content form div.field-group { width: 100%; clear: both; } .content form div.date {} .content form fieldset { width: 100%; margin-bottom: 24px; } .content form legend { font-size: 1.7143em; line-height: 1.5em; } .content form label { font-weight: bold; width: 100%; margin-top: 1.0em; display: inline-block; } .content form input, .content form textarea, .content form select { border: 1px solid #e1e1e1; display: inline-block; margin: 0em 0 0 0; padding: 0.25rem 1rem; width: 100%; } .content form fieldset.phone-numbers { margin: 1.0em 0 1.0em 0; } .content form fieldset.phone-numbers legend { font-size: 16px; font-weight: bold; } .content form fieldset.phone-numbers div { width: 32%; display: inline-block; margin: 0; padding: 0; } .content form fieldset.phone-numbers div input { width: 80%; margin: 0; padding: 0; } .content form fieldset.phone-numbers div label { font-weight: normal; font-size: 14px; display: block; } .content form fieldset.availability { margin-top: 0.5em; } .content form fieldset.availability table th, .content form fieldset.availability table td { width: 12.5%; } .content form fieldset.availability label { position: absolute; left: -9999px; } .content form fieldset.declaration {} .content form fieldset.declaration ul { width: 100%; display: block; margin: 0 0 1.0em 0; } .content form fieldset.declaration ul li { width: 45%; display: inline-block; } .content form fieldset.declaration ul li label { font-weight: normal; display: inline-block; width: 80%; } .content form fieldset fieldset legend { font-size: /*21px*/ 0; } .content form .sq-form-question-answer ul { list-style-type:none !important; margin-left:0 !important; } .content form .sq-form-question-answer ul li input[type="checkbox"] { display: inline-flex !important; width: auto !important; } .content form .sq-form-question-answer ul li label { display: inline-flex !important; width: auto !important; margin-top:0 !important; font-weight:normal !important; } .content form fieldset fieldset { margin-bottom:0 !important; } .content form fieldset .sq-form-error { display:block !important; color: red !important; } /* buttons */ .content button, .content input[type=button], .content input[type=submit] { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic; text-decoration: none; background-color: #393; color: #fff; display: inline-block; width: 25%; margin: 0.7em 0 0 0; padding: 0.35em 1.35em; } .content button:hover, .content input[type=button]:hover, .content input[type=submit]:hover { background-color: #425968; } .content .errors, .content .errors ul { color: #f00; } .content form#form_email_323421 input[type=submit] { float: right; } abbr.sq-form-required-field, .required { font-weight: bold;; color: #ff0000; border: none; } .content form label span.postcode { font-size: 12px; font-weight: normal; } /*** RIGHT HAND COLUMN ***/ #contentwrapper .right { font-size: 1em; background-color: #fafafa; border-top: 5px solid green; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; width: 22%; float: left; margin: 3.4em 0 5.0em 0; padding: 2.0em 0.5em; font-family: 'Open Sans', sans-serif; } .right ul { margin-left: 0.6em; list-style-type: none; font-size: 1.1em; } .right ul li::before { content: "› "; } .right ul li a { margin-left: 0.6em; } .right ul li:hover { } .right form fieldset { margin-bottom: 1.0em; margin-left: 0.6em; } .right form fieldset legend { font-weight: bold; margin-bottom: 0.5em; } .right form fieldset input[type=text] { border: 1px solid #666; width: 95%; line-height: 2em; } .right form fieldset button { font-size: 18px; font-style: normal; text-decoration: none; background-color: #216321; /*background-color: #393;*/ color: white; display: inline-block; margin: 0.7em 0 0 0; padding: 0.35em 1.35em; border: none; width:95%; } .right a.facebook { background: url(/__data/assets/image/0010/289900/sprite.png) no-repeat; background-position: -399px -675px; width: 35px; height: 35px; margin: 0em 10px 0em 0em; padding: 0; border: none; text-decoration: none; } /* the front page pagination navigation */ ul.navigation { float: right; width: 400px; margin: 0px; margin-right: 0px; position: fixed; z-index: 103; top: 25%; right: 0px; font-style: italic; } ul.navigation li { list-style: none;text-align: right; margin-bottom: 4px; padding: 0px 0 10px 10px; } ul.navigation li a { text-decoration: none; background: url(/__data/assets/image/0009/303984/topnav-background.png) repeat; color: #fff; height: auto; margin-bottom: 4px; font-size: 18px; line-height: 30px; padding: 10px 20px; outline: none; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; transition: 0.3s ease-out; } ul.navigation li a:hover { width: auto; overflow:visible; padding: 10px 40px 10px 20px; } ul.navigation li a:hover, ul.navigation li.active a { background-color: #c00; padding: 10px 40px 10px 20px; background-image: none; color: #fff; } /* GENERIC SLIDE STYLES */ .slide { background-attachment: fixed; width: 100%; height: 100%; position: relative; box-shadow: inset 0px 10px 10px rgba(0,0,0,0.3); background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .slideno { position: absolute; bottom: 0px; left: 0px; font-size: 100px; font-weight: bold; color: rgba(255,255,255,0.3); } /*** Botanic Gardens Gala day Slide ***/ .slide303890 { background-image: url(/__data/assets/image/0006/303981/breezybranches.jpg); } /*.slide303890 { background-image: url(/__data/assets/image/0007/344545/facepainted-galaday.jpg); } .slide303890 { background-image: url(/__data/assets/image/0003/347610/Rhododendrons-bg-congress.jpg); }*/ .slide303890 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Winter Garden Slide ***/ .slide303940 { background-image: url(/__data/assets/image/0009/480762/winter-garden-bg2.jpg); } .slide303940 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Sculptures and Statues Slide ***/ .slide304205 { background-image: url(/__data/assets/image/0006/480759/structures-statues-bg2.jpg); } .slide304205 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } .slide304205 .amp { color: #ccc; opacity: 0.8; } /*** The Chills Slide ***/ .slide304462 { background-image: url(http://www.unsigneddesign.com/Seamless_background_textures/1200px/seamlesstexture15_1200.jpg); } .slide304462 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } .slide304462 p.callout { float: right; } .slide304462 .paint { padding-top: 15%; } /*** BG Video Slide ***/ .slide317781 { background-image: url(/__data/assets/image/0016/321811/videoslide-bg.jpg); } .slide317781 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } .slide317781 .paint { padding-top: 10%; } /*** Birds/Aviary Slide ***/ /*.slide304466 { background-image: url(http://en.academic.ru/pictures/enwiki/84/Tui_on_flax.jpg); }*/ .slide304466 { background-image: url(/__data/assets/image/0005/480758/grey-warbler.jpg); } .slide304466 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Rhododendron Dell Slide ***/ .slide304470 { background-image: url(/__data/assets/image/0007/480760/rhododendron-dell-bg2.jpg); } .slide304470 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Knot Garden Slide***/ .slide304474 { background-image: url(/__data/assets/image/0010/480763/Amorphophallus-titanium-maybe-cover-Clive-Copeman.jpg); } .slide304474 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Picnic by the Plants Slide***/ .slide529226 { background-image: url(/__data/assets/image/0006/690018/Dunedin-Volcano-Trail.jpg); } .slide529226 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Silent spaces trail***/ .slide636703 { background-image: url(/__data/assets/image/0012/747777/Cover.jpg); } .slide636703 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Tree Trail***/ .slide657017 { background-image: url(/__data/assets/image/0006/657006/rose-to-specimen-trees-bg.jpg); } .slide657017 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Go Bush***/ .slide657021 { background-image: url(/__data/assets/image/0007/657007/Lovelock-Bush.jpg); } .slide657021 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Off the Beaten Track***/ .slide666167 { background-image: url(/__data/assets/image/0009/666171/Hillside-Bush-with-Leith-tracks.JPG); } .slide666167 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Flax Border***/ .slide732711 { background-image: url(/__data/assets/image/0004/732730/flax-border.jpg); } .slide732711 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /*** Play Trail Slide***/ .slide745477 { background-image: url(/__data/assets/image/0007/745531/friend-to-the-ducks.jpg); } .slide745477 .parallaxbg { position: absolute; right: 40px; top: 40px; font-size: 28px; color: rgba(51,51,51,0.3); } /* frontpage */ .frontpage { color: #fff; } .frontpage .sixcol { font-family: 'Libre Baskerville', serif; width: 50%; margin: 0 0 0 200px; float: left; min-height: 1px; position: relative; left: 25%; top: 25%; margin: 0 auto; } .frontpage h1 { color: #fff; font-size: 70px; line-height: 1; font-style: italic; font-weight: normal; background: url(/__data/assets/image/0007/307069/bgblack50.png) repeat; margin: 3.0em 0 0 0; padding: 0.2em; } /* frontpage plant life */ .frontpage h1.plantlife { font-style: normal; font-size: 14px; background: #c00; margin-top: 21.0em; padding: 0.5em 1.0em; } section.plantlife .frontpage p:nth-of-type(1) { margin: 0 0 20px; padding-bottom: 20px; } .plantlife-title { font-size: 50px; line-height: 1.1em; display: inline-block; font-style: italic; } /* .smalltitle { font-size: 20px; } .medtitle { font-size: 20px; } */ .longtitle { font-size: 45px; } /*** VIDEO SLIDE ***/ .video-wrapper { width: 45%; max-width: 100%; margin: 0 0 0 0px; float: left; min-height: 1px; position: relative; left: 25%; top: 25%; margin: 0 auto; } .content .video-wrapper { width: 100%; max-width: 100%; margin: 0 0 0 0px; float: left; min-height: 1px; position: relative; left: 0%; top: 0%; margin: 0 auto; } .frontpage .videosection { width: 70%; margin: 0 0 0 0px; padding: 0; float: left; clear: both; position: relative; left: 24%; top: 25%; } .content .videosection { width: 70%; margin: 0 0 0 0px; padding: 0; float: left; clear: both; position: relative; left: 24%; top: 25%; } .frontpage .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top:0px; margin-bottom:0px; } .content .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top:10px; margin-bottom:40px; } .content .videosection iframe { width: 70%; margin: 0 0 0 0px; padding: 0; float: left; clear: both; position: relative; left: 24%; top: 25%; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .frontpage .videosection h1 { margin: 25px 0 0 0; color: #000; background: none; } .frontpage .videosection p { color: #000; background: none; } .frontpage .videocontainer { width: 45%; margin: 3.0em 0 0 0; padding: 0; float: left; } .content .video-wrapper h2 { margin-top:0em;} /***** NATURE WATCH *****/ .inat-widget { padding: 10px 0; line-height: 1;} .inat-widget-header {margin-bottom: 10px;} .inat-widget td { vertical-align: top; } .inat-label { color: #888; } .inat-meta { line-height: 1.2;} .inat-observation { } .inat-observation-body, .inat-user-body { padding: 0 0 30px 30px !important; } .inat-observation-image { text-align: center; } .inat-observation-image, .inat-user-image { display: inline-block; } .inat-observation-image img, .inat-user-image img { } .inat-observation-image img { vertical-align: middle; } .inat-widget-small .inat-observation-image { display:block; float: left; margin: 0 3px 3px 0; } .inat-label, .inat-value, .inat-user { } .inat-user-body { vertical-align: middle; } .inat-widget td.inat-user-body { vertical-align: middle; } /*** FRONTPAGE ***/ .frontpage p { font-size: 1.1429em; line-height: 1.425; margin: 0 0 2em 0; padding: 1.0em; background: url(/__data/assets/image/0007/307069/bgblack50.png) repeat; } .frontpage p.callout { -webkit-transition: all .2s ease-in-out; background: none; padding: 0.2em; } .frontpage p.callout a { background-color: #216321; color: #ffffff; font-style: italic; padding: 1.0em; text-decoration: none; } /*.frontpage p a::after { content: " > "; padding: 0.5em; margin-left: 0.5em; font-style: italic; }*/ .frontpage p.callout a:hover { -webkit-transition: background-color 0.8s ease-out; -moz-transition: background-color 0.8s ease-out; -ms-transition: background-color 0.8s ease-out; -o-transition: background-color 0.8s ease-out; transition: background-color 0.8s ease-out; background-color: #060; } /*** FOOTER ***/ #footer { min-height: 350px; color: #ffffff; margin-top: 0px; font-size: 14px; font-family: Verdana, Arial, sans-serif; z-index: 101; position: relative; background-color: #0c0636; } #footer .footer { padding-top: 30px; z-index: 101; width: 100%; position: relative; } #footer .dcc { } #footer .dunedin, #footer .address p { margin-top: 2.0em; } #footer .socialmedia { text-align: center; } #footer .dunedin img { float: right; } #footer h4 { color: #ffffff; margin: 1.5em 0 1.5em 0; } #footer a { color: #E2E1F0; } #footer a:hover { color: #fc3; text-decoration: underline; } #footer ul { } #footer ul li { list-style-type: none; display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #fff; } /*** Back to top ***/ #backtotop ul { font-size: 12px; line-height; 1.5; margin: 20px auto 0 auto; padding: 0.5em 0em 1.5em 0; width: 100%; } #backtotop ul li { display: inline-block; float: left; margin-right: 10px; } #backtotop ul li:first-child { margin-left: 0px; } #backtotop ul li:nth-child(6), #footer ul li:last-child { border: none; } #backtotop ul li a { margin-right: 10px; } #backtotop ul li a:hover { } #backtotop ul li.backtotop { float: right; border: none; } #backtotop ul li.backtotop a { background: url(/__data/assets/image/0004/289777/sprite-search.png) no-repeat -384px -420px; width: 43px; height: 60px; display: block; border: none; opacity: 0.75; margin: 0 0 0 0; text-align: right; } #backtotop ul li.backtotop a span { position: absolute; left: -9999em; } #backtotop ul li.backtotop a:hover { opacity: 1.0; } #backtotop h4 { margin-top: 10px; } /*** @MEDIA ***/ @media only screen and (max-device-width: 1100px) { .frontpage .sixcol {left: 0%; top: 0%; margin: 0 auto; } } /*iPad landscape*/ @media only screen and (min-width: 960px) and (max-width: 1110px) { .video-wrapper { width: 50%; max-width: 100%; margin-left: 0px; left: 19.5%; } .frontpage .videosection { width: 50%; left: 19.5%; } .frontpage .sixcol {left: 22%; } .header ul li { font-size: 1.0em; } .slide317781 { min-height: 800px; } } @media only screen and (max-width: 1023px) { .slide304470 h1 { font-size: 50px; margin: 4.0em 0 0 0; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .header img { width: 100px; } #contentwrapper .content { margin: 0 2% 0px 14%; width: 54%; } #contentwrapper .right { width: 26%; margin: 2.0em 2% 5.0em 0; } .header ul li { font-size: 1.0em; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .video-wrapper { width: 50%; max-width: 100%; margin-left: 0px; left: 17.5%; top: 15%; padding-top: 20%; } .frontpage .videosection { width: 50%; left: 17.5%; } .frontpage .sixcol { left: 16%; top: 0%; margin: 0 auto; } .frontpage .sixcol { width: 50%; } .inner { min-width: 100%; } #contentwrapper .content { margin: 0 2% 50px 14%; width: 50%; } #contentwrapper .right { width: 30%; margin: 2.0em 0% 5.0em 0; } .header img { width: 100px; } #footer .dunedin img { float: left; margin: 20px 10px 20px 0; width: 130px;} .eventdate { width: 15%; } .eventdescription { width: 80%; } .slide, .slide303890, .slide303940, .slide304205, .slide304462, .slide304470, .slide304466, .slide304474 { -webkit-background-size: 768px 1040px; height: 100%; width: 100% background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } /* Main Navigation */ @media only screen and (min-width: 768px) and (max-width: 879px) { .header ul li { margin: 0 2px 0 0; padding: 0 8px 0 0; } .header form input[type=text] { width: 8em; } .insidepage { margin-top: 340px; } } @media only screen and (max-device-width: 1100px) { .slide { background-attachment: scroll !important; -webkit-background-size: 600px 800px; background-position: top right !important; } .slide304205 { background-position: center center !important; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #footer .dunedin img { float: left; margin: 20px 10px 20px 0; width: 180px;} img.scroll-down { margin: 0 auto; width: 150px; } .scroll-down-a { width: 150px; margin: 0 auto; display: block; } #head-search-submit {display: none;} #mobile-search-submit { display: block; } #search-submit { display: none; } .video-wrapper { width: 90%; max-width: 100%; margin-left: 0px; left: 5%; top: 15%; } .frontpage .videosection { width: 90%; left: 5%; } .frontpage .sixcol {left: 0%; top: 0%; margin: 0 auto; } ul.navigation { display: none; } #mobilenav, #mobile-search { position: fixed; z-index: 102; background-color: #0c0636; color: #fff; height: auto; width: 100%; top: 54px; } #mobilenav.active, #mobile-search.active { display: block; } #mobilenav ul { padding: 20px; } #mobilenav ul li { list-style-type: none; color: #fff; font-size: 1.071em; } #mobilenav ul li:before { content: "› "; color: #E2E1F0; } #mobilenav ul li a { color: #E2E1F0; } #mobile-search form span { /* display: none; */ } h2.sitesearch, #mobile-search fieldset { color: #fff; margin-top: 20px; margin-left: 20px; } #mobile-search fieldset { margin-top: 0px; margin-left: 20px; margin-bottom: 20px; } #mobile-search form button span, #mobile-search fieldset legend.sitesearch { font-size: 1.7143em; line-height: 1.25em; font-style: italic; font-weight: normal; width: 5em; display: inline-block; color: #fff; } #mobile-search fieldset legend.sitesearch { display: none; } #mobile-search form input[type=text] { margin-top: 10px; padding: 2px 7px 2px 7px; height: 36px; border: none; width: 70%; display: inline; } #mobile-search form button { vertical-align: middle; height: 41px; margin: 0; padding: 0; border: none; background: none; font-weight: normal !important; display: inline; } #mobile-search form button span:hover { } .insidepage { margin-top: 0px; } #footer .footer {z-index: 101; background-color: #0c0636; } #header { height: 54px; background: none; background-color: #0c0636; } .header .homelink span { margin: 0 0 0 0px; padding: 0 20px; font-size: 24px; line-height: 2.0em; font-family: 'Libre Baskerville', serif, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-weight: 200; font-stretch: normal; font-style: italic; display: inline-block; } #mini-nav { position: absolute; top: 7px; right: 70px; z-index: 200; } #mini-nav a { display: inline-block; width: 20px; height: 20px; padding: 10px; float: left; text-align: center; line-height: 28px; color: #fff; background: #393; z-index: 200; } #mini-nav a img { display: inline-block; } .header img { display: none; } .header form { margin-right: 10px; } ul.navigation li a { font-size: 0.8571em !important; } .header form input[type=text] { display: none; } #header .homelink span { font-size: 20px; line-height: 3em; } .header ul, .header img { display: none; } #contentwrapper { top: 0px; } #contentwrapper .content { width: 90%; margin: 0; padding: 5%; margin-top: 40px; } #contentwrapper .right { width: 90%; margin: 0; padding: 5%; border-top: 1px solid #f2f2f2; border-left: none; } #footer .dcc img, .address { margin: 0 auto; display: block;z-index: 200; } .address { margin-bottom: 20px; } .inner .twelvecol .address { width: 50%; float: none; display: block; margin-top: 0px; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; } #footer .dunedin img { margin: 0 auto 20px; display: block; float: none; } #footer .address p { margin-top: 0em;text-align: center; } #footer .footer { padding 1em; } #footer .address p { padding: 20px; } #footer .dunedin { margin-top: 0em; } #footer { margin-top: 0px; } #footer { display:block: background-color: #fff; } #footer .address p { margin-top: 0em; text-align: center; } #footer ul { list-style-type: none; display: block; margin: 0px auto;float: none; width: 228px; } #footer ul li { list-style-type: none; display: inline-block; padding-right: 0px; margin-right: 0px; border-right: none; color: #fff; width: 100%; } #footer ul li:before { content: "› "; color: #E2E1F0; } #footer ul li a {/*margin-left: 0.6em;*/ color: #E2E1F0; } #footer ul li a:hover { text-decoration: none; } #footer h4 { font-family: Georgia, "Times New Roman", Times, serif; } #footer h4 { color: #fff; margin: 20px auto; display: block; width: 220px;float: none; } #backtotop ul{ margin-top: 0; padding-top: 0; } #backtotop ul li:first-child { margin-left: 0px; } #backtotop { margin-top: 0px; padding 0 1em; } #backtotop ul li:last-child:before { display: none; } #backtotop ul li.backtotop a { margin: 20px 0px; } #backtotop ul li.backtotop a span { left: 0em; margin-left: 40px; position: relative; float: left; width: 100px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2857em; line-height: 2.4em; font-style: italic; } #backtotop { margin-top: 0px; } .right form fieldset input[type=text] { width:97%; } .right form fieldset button { width:98%; } .frontpage h1 { font-size: 50px; margin: 1.3em 0 0 0; padding: 0.2em; } .frontpage .sixcol { width: 90%; margin: 0 0 0 20px; } .slide { padding-bottom: 100px; h eight: auto; } } /* ends @media screen and (max-width: 767px) */ @media only screen and (max-width: 685px) { .slide317781 { height: 600px; } } @media only screen and (min-width: 480px) and (max-width: 684px) { .slide303890 { height: 350px; } .slide303940 { height: 300px; } .slide304205 { height: 350px; } .slide317781 { height: 530px; } .slide304470 { height: 350px; } .slide304466 { height: 350px; } .slide304474 { height: 280px; } .slide304474 { height: 280px; } .slide636703,.slide657021,.slide657017,.slide666167{ height: 350px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .content .allarticles { width: 100%; } .content .latestarticle { width: 90%; } #bigimage {display:none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #bigimage {display:none; } .addthis_toolbox { width: 90%; } .frontpage h1 { font-size: 34px; margin: 2.3em 0 0 0; } .frontpage h1.plantlife { margin-top: 8.0em; } .plantlife-title { font-size: 34px; margin: 0 0 0 0; } .frontpage p { font-size: 1em; padding: 0.5em 1.0em; } .frontpage .sixcol { width: 90%; margin: 0 0 0 20px; } img.scroll-down { margin-top: 20px; } .slide { padding-bottom: 100px; } .content .featuredimage { float: left; margin: 0.25em 0 1.5em 0em; width: 100%; } .content .allarticles { width: 100%; } .content .latestarticle { width: 90%; } #header .homelink span { font-size: 18px; line-height: 3em; } #mobile-search form input[type=text] { margin-top: 20px; padding: 2px 2px 2px 6px; height: 36px; border: none; width: 60%; } .content a.fancybox img { width: 100%; } .eventdate { width: 15%; } .eventdescription { width: 80%; } .video-container {margin-top:0px; margin-bottom:0px;} } /* ends @media screen and (max-width: 479px) */ @media only screen and (max-width: 380px) { .eventdate { width: 15%; } .eventdescription { width: 80%; } } /* Mobile Portrait */ @media only screen and (max-width: 320px) { .videosection { width: 70%; margin: 0 0 0 0px; padding: 0; float: left; clear: both; position: relative; left: 24%; top: 25%; } #bigimage {display:none; } .header .homelink { padding: 0 0px; } #header .homelink span { font-size: 16px; line-height: 3.5em; } .header form { margin-right: 5px; } #mini-nav {right: 60px; } .slide, .slide303890 { width: 100%; height: auto; } .eventdescription { width: 75%; }.eventdate { width: 20%; } .eventdate .month { font-size: 11px; }.eventdate .day { font-size: 180%; } .slide { height: 410px; } #mobile-search form input[type=text] { width: 50%; } } /* ends @media only screen and (max-width: 320px) */ /* Mobile Portrait */ @media only screen and (max-width: 240px) { #header .homelink span { font-size: 14px; line-height: 18px; width: 110px; display: inline-block; margin-top: 10px; } #mobile-search form input[type=text] { width: 77%; } #mobile-search fieldset { margin-top: 0px; margin-left: 10px; margin-bottom: 20px; } h2.sitesearch, legend.sitesearch, #mobile-search fieldset { color: #fff; margin-top: 20px; margin-left: 10px; } .eventdate .month { font-size: 10px; }.eventdate .day { font-size: 160%; } } /* ends @media screen and (max-width: 240px) */ /* ICONS */ a[href*=".pdf"] { background:url(/__data/assets/image/0009/162/pdf.gif) no-repeat top left; padding: 0 0 0 20px; border-bottom: none; } a[href*=".PDF"] { background:url(/__data/assets/image/0009/162/pdf.gif) no-repeat top left; padding: 0 0 0 20px; border-bottom: none; } a[href*="/rss/"] { background: url(/__data/assets/image/0012/165/rss.gif) no-repeat top -left; padding: 0 0 0 20px; } a[href*=".rss"] { background: url(/__data/assets/image/0012/165/rss.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".rtf"] { background:url(/__data/assets/image/0013/166/rtf.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".xls"] { background:url(/__data/assets/image/0016/169/xls.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".xlsx"] { background:url(/__data/assets/image/0016/169/xls.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".doc"] { background:url(/__data/assets/image/0015/168/word.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".dot"] { background:url(/__data/assets/image/0015/168/word.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".docx"] { background:url(/__data/assets/image/0015/168/word.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".ppt"] { background:url(/__data/assets/image/0010/163/ppt.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".pot"] { background:url(/__data/assets/image/0010/163/ppt.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".pptx"] { background:url(/__data/assets/image/0010/163/ppt.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".xml"] { background:url(/__data/assets/image/0008/170/xml.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".mov"] { background:url(/__data/assets/image/0011/164/quicktime.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".avi"] { background:url(/__data/assets/image/0016/34441/avi.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".mpg"] { background:url(/__data/assets/image/0011/164/quicktime.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".m4v"] { background:url(/__data/assets/image/0011/164/quicktime.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".wmv"] { background:url(/__data/assets/image/0011/164/quicktime.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".mp4"] { background:url(/__data/assets/image/0011/164/quicktime.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".mp3"] { background:url(/__data/assets/image/0011/164/quicktime.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".wma"] { background:url(/__data/assets/image/0011/27596/wma.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".wav"] { background:url(/__data/assets/image/0011/27596/wma.gif) no-repeat top left; padding: 0 0 0 20px; } a[href$=".txt"] { background:url(/__data/assets/image/0014/167/txt.jpg) no-repeat top left; padding: 0 0 0 20px; } a[href*="twitter.com"] { background: url(/__data/assets/image/0005/289778/sprite-social-media.png) no-repeat -194px -333px; padding: 5px 0 5px 30px; } .noicon { background: none !important; padding-left: 0 !important; } .ui-helper-hidden-accessible { display: none !important; } .ui-autocomplete { list-style-type: none !important; padding: 0; background-color: white; box-shadow: 0px 2px 4px #666; position: absolute; z-index: 999; } .ui-autocomplete li a { color: #666 !important; display: inline-block !important; width: 95% !important; padding: 5px !important } .ui-autocomplete li a:hover { background-color: #f5f5f6 !important; } /*** READSPEAKER OVERRIDES ***/ .rsbtn { z-index: 1 !important; } .row > .rsbtn { margin: 10px 0 0 10px; } #article-listen { padding-right: 0px; padding-top: 5px; position: relative; color: #393; margin-left: 27px; } #article-listen:hover:before { animation: play 1.5s steps(2) infinite; } #article-listen:before { left: 0; margin-left: -27px; } #article-listen:before { content: ''; position: absolute; top: calc(50% - 8px); right: 0; width: 19px; height: 22px; background: url(/__data/assets/file/0010/798994/icon-listen-sprite.svg) -39px 0 no-repeat; background-size: auto 100%; } span:hover { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform .5s ease, opacity 1.3s ease; transition: transform .5s ease, opacity 1.3s ease; } .rsbtn_play { font-family: unset!important; font-size: 14px !important; line-height: 14px!important; font-weight: 900!important; } .readspeaker-wrapper { width: 100%; font-size: 0.875em; margin-bottom: 1.125rem; /* box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; */ } .visually-hidden { position: absolute; height: 0px; padding: 0 !important; overflow: hidden; border: 0 !important; width: 0px !important; visibility: hidden; display: none !important; } .tt-suggestion { font-size: 1.0em; margin: 0 0 0.5em 0; display: inline-block !important; width: 95% !important; padding: 5px !important; } .tt-menu { padding: 0; background-color: white; box-shadow: 0px 2px 4px #666; position: absolute; z-index: 999; width: 100%; font-size: 1em; line-height: 1.5em; } .search-summary { margin-bottom: 0 !important; } #fb-results li { margin-bottom:; 1.25rem !important; } .pagination { list-style-type: none !important; display: flex; align-items: center; gap: 1rem; margin: 0 !important; } .pagination li { margin: 0 0.5em !important; } #search-contextual-navigation { font-size: 1em; background-color: #fafafa; border-top: 5px solid green; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; margin: 2rem 0 0; padding: 1rem 1.25rem; font-family: 'Open Sans', sans-serif; } #search-contextual-navigation ul li::before { content: "› "; } #search-contextual-navigation ul { margin-left: 0.6em; list-style-type: none; font-size: 1.1em; }