/* DEBUG ======================================= */ .off #site-liner{ background: blue; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } .off section{ min-height: 204px; } a[href="#"]{ cursor: not-allowed; } /* ======================================= ====[DELETE ABOVE HERE FOR GO LIVE]==== ======================================= */ .hiderblogr #menu-wrapper > ul > li.active, .hiderblogr #menu-wrapper > ul > li.active > a, .hiderblogr #menu-wrapper > ul > li.active > a span{ background-image: none!important; } .hiderblogr #menu-wrapper > ul > li.active > a span{ color: #f0f179; } /* CONTENT ===================================================== */ .hidden{ display: none; } h1{ } .box > h1{ padding: 22px 0 0 0; margin: -34px -12px 20px; margin: -29px -12px 20px; height: 49px; font-family: "UniversLTW01-67BoldCn"; font-size: 15px; line-height: 1; color: #fff; font-weight: normal; text-indent: 12px; /* Might be best to revert to padding as this only applied to first line when text wraps */ text-transform: uppercase; text-align: left; letter-spacing: 1px; background: url(../images/template/bg_section-headers-standardized.png) no-repeat; } .box-clear > h1{ margin: -21px -24px 20px 12px; } h1.hbg-10, /* 1st header background */ .box-secondary > h1, .side-content .box > h1 { min-width: 192px; background-position: 0 0; } h1.hbg-20{ /* 2nd header background */ min-width: 225px; background-position: 0 -50px; } h1.hbg-30{ /* 3rd header background */ min-width: 337px; background-position: 0 -100px; margin-left: -43px; text-indent: 43px; } h1.hbg-40{ /* 4th header background */ min-width: 430px; background-position: 0 -150px; } h1.hbg-50{ /* 5th header background */ min-width: 619px; background-position: 0 -200px; } /* Home page H1's are historic. They were coded when only home page design was available. */ .page_home .box > h1{ background-image: url(../images/template/bg_section-headers.png); } .page_home .box > h1.hbg-10{ /* e.g. Home page aside section 1st */ margin-top: -26px; margin-left: -32px; width: 332px; text-indent: 36px; background-position: 0 -240px; } .page_home .box > h1.hbg-20{ /* e.g. Home page aside section 2nd */ margin-top: -26px; margin-left: -12px; width: 332px; text-indent: 12px; background-position: 0 -240px; } .page_home .box > h1.hbg-30{ /* e.g. Home page article section 1st */ margin-top: -36px; margin-left: -12px; width: 378px; text-indent: 12px; background-position: 0 -60px; } .page_home .box > h1.hbg-40{ /* e.g. Home page article section 2nd */ margin-top: -38px; margin-left: -12px; min-width: 0; width: 190px; text-indent: 12px; background-position: 0 -120px; } .page_home .box > h1.hbg-50{ /* e.g. Home page article section 3rd */ margin-top: -38px; margin-left: -12px; width: 621px; text-indent: 12px; background-position: 0 -180px; } .main-intro > h1, .main-intro > h1 a { padding: 0; margin: 0; height: auto; font-family: "Clarendon W01 Medium 692107"; font-size: 30px; line-height: 38px; color: #fff; font-weight: normal; text-indent: 0; text-transform: none; letter-spacing: normal; background: none; } h2, .side-nav > ul > li > a, .wp h1.entry-title, .wp h1.entry-title a, .main-content h2 a, .side-bar .side-content h2 a { font-family: "Clarendon W01 Medium 692107"; font-size: 21px; line-height: 25px; font-weight: normal; color: #ffaf3c; margin-bottom: 13px; text-transform: none; } .wp h1.entry-title, figure:first-child + h2, h2:first-child { margin-top: -5px; } .page_home h2{ margin-bottom: 2px; } h2 + h3{ margin-top: -11px; } h3{ /* Stupid sub-heading. Looks like a link. */ font-family: "UniversLTW01-67BoldCn"; font-weight: 300; font-size: 13px; text-transform: uppercase; color: #7c736b; margin-bottom: 13px; letter-spacing: .5px; } h4, /* Used in FAQ and Projects side bar */ .side-bar .side-content h4 a { font-family: "UniversLTW01-67BoldCn"; font-size: 27px; line-height: 31px; color: #6f655d; text-transform: uppercase; margin-bottom: 2px; padding-top: 8px; font-weight: normal; /* Bolding added by @font-face */ } .side-content > h4{ border-top: solid 2px #ffaf3c; font-weight: 300; } p{ margin: 0 0 30px; /* As per style guide (PSD doesn't match) */ margin: 0 0 18px; clear: both; } ul{ } p + ul{ margin-top: -18px; } .inside .side-content ul li{ padding: 20px 0; border-top: solid 2px #ffaf3c; } .inside .side-content ul li:first-child{ padding-top: 0; border-top: none; } .main-content ul li{ padding-left: 10px; background: url(../images/template/bullet-orange-circle.png) no-repeat; background-position: 0 10px; } .main-content .box-primary ul li, .main-content .box-primary-indented ul li { padding-left: 15px; } .main-content ul.no-bullets li{ padding: 0; background: none; } .main-content ul.circle-bullets li{ /* Used to be exception, now the rule */ } a{ color: #aa9b8f; text-decoration: none; outline: 0; } a:hover{ text-decoration: underline; } .main-intro > h1 a{ color: #f0f179; } .main-content a, .side-bar .side-content a { font-family: "UniversLTW01-67BoldCn"; font-size: 13px; text-transform: uppercase; } .side-bar .side-content > p a{ display: block; font-family: "Clarendon W01 Medium 692107"; font-size: 21px; line-height: 30px; font-weight: normal; color: #5bc1b2; text-decoration: none; text-transform: none; } .side-bar p a:hover{ text-decoration: underline; } .main-intro > h1 a.disc, a.disc { display: inline-block; width: 157px; height: 157px; background: url(../images/template/disc-links.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: auto; } a.disc:hover{ text-decoration: none; } a.disc.donate{ background-position: 0 0; } a.disc.volunteer{ background-position: 0 -157px; } a.disc.add{ background-position: 0 -314px; } a.disc.download{ background-position: 0 -471px; } .main-intro > h1 a.disc{ float: right; margin-left: 20px; } a.disc.explore{ background: url(../images/template/canopy_planner_button.png) no-repeat; } a.disc.become { background: url(../images/template/btn-citizen-forester.png) no-repeat; } a.disc.grtree { background: url(../images/template/btn-gr-tree-app.png) no-repeat; } .box :last-child{ /* Last object in a box */ margin-bottom: 0; } .box .box{ /* This should never happen, but WP is cray cray */ padding-bottom: 0; } *{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } body{ position: relative; background: #f0f179; font-family: "UniversLTW01-57Condense 723821"; color: #6f655d; text-align: center; font-size: 15px; line-height: 21px; } body.customize-support{ /* Logged into WP so admin bar is visible */ margin-top: 28px; } ::-moz-selection { background: #bae9de; color: #000; text-shadow: none; } ::selection { background: #bae9de; color: #000; text-shadow: none; } /* BIG CHUNKS ===================================================== */ #bg{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; min-width: 990px; height: 450px; overflow: hidden; background: #a9dacd; } #rotator{ position: absolute; left: 50%; top: 0; margin-left: -850px; width: 1700px; height: 450px; } #rotator img{ width: 1700px; height: 450px; } #site-wrapper{ position: relative; z-index: 20; width: 990px; margin: auto; padding: 0 10px; /* Avoid butting up against the edges of a small browser window */ } #site-liner{ /* The main site container */ text-align: left; } /* .page_blog #site-liner{ */ .wp-blog #site-liner{ background: url(../images/template/blog_header.png) 100% 188px no-repeat; } /* HEADER ===================================================== */ header{ position: relative; z-index: 20; /* This will overlap the top line of intro text if it exists. Has to be this way for drops */ height: 200px; } #logo{ position: absolute; left: 0; top: 30px; z-index: 10; } #logo, #logo img { width: 190px; height: 170px; } /* TOP MENU ===================================================== */ #top-menu{ position: absolute; right: -19px; top: 30px; } #top-menu > ul > li, #top-menu > ul > li > a { float: left; } #top-menu > ul > li{ position: relative; width: auto; list-style: none; padding: 0; border-left: solid 2px #fff; } #top-menu > ul > li:first-child{ border: 0; } #top-menu > ul > li > a{ padding: 0 18px; font-size: 13px; line-height: 13px; text-transform: uppercase; text-decoration: none; font-family: "UniversLTW01-67BoldCn"; color: #fff; letter-spacing: 0.5px; } #top-menu > ul > li:first-child > a{ padding-left: 0; } #top-menu > ul > li > a:hover{ color: #6f655d; } /* MAIN MENU ===================================================== */ #menu-wrapper, #menu-wrapper .menu-bg, #menu-wrapper > ul > li, #menu-wrapper > ul > li > a, #menu-wrapper > ul > li > a span { background-image: url(../images/template/bg_nav.png); background-repeat: no-repeat; } #menu-wrapper{ position: absolute; right: -10px; top: 70px; background-position: 0 0; background-repeat: repeat; } #menu-wrapper .menu-bg{ position: absolute; z-index: 10; top: 0; width: 14px; height: 50px; } #menu-wrapper #menu-bg-left{ left: -14px; background-position: 0 -50px; } #menu-wrapper #menu-bg-right{ right: -14px; background-position: 0 -100px; } /* TOP LEVEL NAV ===================================================== */ #menu-wrapper > ul{ height:50px; position: relative; z-index: 20; margin: 0 -7px; } #menu-wrapper > ul > li{ float: left; position: relative; width: auto; height: 50px; list-style: none; padding-left: 14px; padding-right: 0px; margin: 0 -7px; margin: 0 -9px; } #menu-wrapper > ul > li > a{ display: block; padding-right: 13px; text-decoration: none; } #menu-wrapper > ul > li, #menu-wrapper > ul > li > a, #menu-wrapper > ul > li > a span { float: left; background-position: -999px -999px; } #menu-wrapper > ul > li.active, #menu-wrapper > ul > li:hover { background-position: 0 -200px; } #menu-wrapper > ul > li.active > a, #menu-wrapper > ul > li:hover > a { background-position: 100% -250px; } #menu-wrapper > ul > li > a span{ display: block; padding: 0 19px; font-family: "Clarendon W01 Medium 692107"; color: #f0f179; font-size: 17px; line-height: 50px; } #menu-wrapper > ul > li.active > a span, #menu-wrapper > ul > li:hover > a span { color: #6f655d; background-position: 0 -150px; background-repeat: repeat; } /* DROP NAV ===================================================== */ #menu-wrapper .drop-wrapper{ display: none; position: absolute; z-index: 999; left: 50%; top: 42px; width: 170px; margin-left: -85px; padding-top: 16px; background: url(../images/template/drop-arrow.png) 50% 0 no-repeat; } #menu-wrapper > ul > li:hover .drop-wrapper, #menu-wrapper > ul > li.debug .drop-wrapper { display: block; } #menu-wrapper .drop-wrapper > ul{ background: #fff; padding: 9px 0; -moz-box-shadow: 3px 3px 10px -9px #000; /* FF */ -webkit-box-shadow: 3px 3px 10px -9px #000; /* Safari? */ box-shadow: 6px 6px 10px -9px #000; /* Applies to Chrome & IE apparently */ } #menu-wrapper .drop-wrapper a{ display: block; padding: 0 5px 0 14px; text-transform: uppercase; font-size: 13px; line-height: 22px; text-decoration: none; color: #6f655d; } #menu-wrapper .drop-wrapper a:hover, #menu-wrapper .drop-wrapper li.active a { color: #ffaf3c; } #menu-wrapper .drop-wrapper li.active a{ cursor: default; } /* SITE BODY ===================================================== */ #site-body. .site-body { margin-bottom: 20px; /* Each section has 30px bottom margin, so - combined with this - there will always be 50px before footer */ } /* SECTIONS ===================================================== */ .box, .wp .post, /* WordPress blog post */ .wp #comments /* WordPress comments */ { position: relative; float: left; width: 100%; margin-bottom: 30px; /*background: #fff url(../images/template/bg_content-area-transparency.png) -5px 0 repeat;*/ zoom: 1; box-shadow: 4px 4px 10px -6px #000; -moz-box-shadow: 2px 2px 10px -6px #000; -webkit-box-shadow: 2px 2px 10px -6px #000; } .box, .main-content ul li.box, .wp .post, /* WordPress blog post */ .wp #comments /* WordPress comments */ { padding: 25px 24px 25px; padding: 20px 24px 25px; background: #fff url(../images/template/bg_content-area.png) -5px 0 repeat; } .box-primary{ width: 426px; } .page_home .box-primary{ width: 402px; } .box-primary-indented, .wp .post, /* WordPress blog post */ .wp #comments /* WordPress comments */ { float: right; clear: both; width: 568px; } .right-column{ /* Used on at-a-glance page. Don't like doing it, but crazy page. */ float: right; width: 260px; } .box-secondary{ float: right; width: 260px; } .page_home .box-secondary{ width: 189px; } .extra-clear{ clear: both; } .box-clear, .calendar-grid .box { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .box-blue{ background-image: url(../images/template/bg_content-area-transparency.png); background-color: #bae9de; } .box-brown{ background-image: url(../images/template/bg_content-area-transparency.png); background-color: #aa9b8f; color: #f0f179; } .box-brown a{ color: #fff; } .main-content ul.box-grid > li{ position: relative; float: left; width: 212px; height: 174px; margin-right: 36px; padding: 0; background: none; text-transform: uppercase; text-align: center; background: #fff url(../images/template/bg_content-area.png) -5px 0 repeat; /* Hmm :-/ */ } ul.box-grid > li:nth-child(3n+0){ margin-right: 0; } ul.box-grid li > a{ display: block; position: relative; width: 100%; height: 174px; } ul.box-grid li a span{ position: absolute; height: 37px; font-size: 15px; line-height: 37px; color: #fff; font-family: "UniversLTW01-67BoldCn"; text-transform: uppercase; letter-spacing: .5px; background: url(../images/template/bg_grid-banner.png) no-repeat; } ul.box-grid li img{ max-width: 100%; } .box-aside{ position: absolute; right: 100%; top: 0; width: 126px; height: 175px; background: url(../images/template/icons_projects.png) no-repeat; } /* SIDE CONTENT ===================================================== */ .side-bar{ position: relative; z-index: 15; /* must be higher than main-content for blog/calendar */ float: left; width: 189px; margin-top: 60px; } .page_home .side-bar{ width: 331px; } .wp-single .side-bar{ /* width: 390px; margin-right: -130px; */ } .side-bar .min-height{ width: 189px; min-height: 240px; } .side-bar .box{ padding: 15px 20px; } .side-bar .box-clear{ padding-left: 0; padding-right: 0; } .side-bar .side-content{ float: left; width: 100%; } .side-nav{ margin-bottom: 20px; } .page_home .side-nav{ display: none; } .side-nav ul{ } .side-nav > ul > li{ display: none; } .side-nav > ul > li.active{ display: block; } .side-nav > ul > li > a{ display: block; margin-bottom: 15px; text-decoration: none; } .side-nav .drop-wrapper ul li{ border-top: solid 1px #ffaf3c; } .side-nav .drop-wrapper ul li:first-child{ border-top: none; } .side-nav .drop-wrapper ul li a{ display: block; width: 213px; padding: 7px 43px 7px 20px; margin: 0 -43px 0 -20px; background: url(../images/template/bg_side-nav.png) 100% -999px no-repeat; font-family: "UniversLTW01-57Condense 723821"; font-size: 15px; line-height: 17px; color: #6f655d; text-decoration: none; text-transform: uppercase; } .side-nav .drop-wrapper ul li a:hover, .side-nav .drop-wrapper ul li.active a { background-position: 100% 0; } .side-nav .drop-wrapper ul li.active a{ /* You should never, EVER switch font weights on nav as it potentially causes wrapping */ font-family: "UniversLTW01-67BoldCn"; cursor: default; } /* MAIN CONTENT ===================================================== */ .main-content{ position: relative; z-index: 10; /* must be lower than .side-bar for blog/calendar */ float: right; width: 710px; min-height: 350px; } .page_home .main-content{ width: 615px; } .main-intro{ margin: -26px 0 46px; padding: 0; min-height: 40px; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .page_home .main-intro{ min-height: 114px; margin-top: -54px; margin-bottom: 0; } .page_home .main-intro h1{ float: right; width: 556px; margin-right: -36px; background: none; } .wp-blog .main-intro{ margin-bottom: 152px; } /* HOME - NEWS/EVENTS ===================================================== */ span.event-date{ font-family: "UniversLTW01-67BoldCn"; font-size: 13px; line-height: 25px; letter-spacing: 1px; color: #7c736b; } .page_links-and-reports span.event-date{ padding: 0 0 0 15px; margin: 0 0 0 15px; border-left: solid 2px #7c736b } span.event-date:after{ content: ""; display: block; } .page_home .news{ min-height: 204px; } .page_home .news{ padding-right: 17px; } /* HOME - TREE MAP LINKS ===================================================== */ .page_home .tree-map{ float: left; width: 402px; padding-bottom: 12px; } .page_home .tree-map ul{ margin: 0 -12px; padding-top: 10px; } .page_home .tree-map ul li{ margin-left: 11px; } .page_home .tree-map ul li:first-child{ margin-left: 0; } .page_home .tree-map ul li, .page_home .tree-map ul li a { float: left; width: 118px; height: 153px; } /* HOME - VIDEO ===================================================== */ .page_home .video{ text-align: right; } /* HOME - PROMO ROTATOR ===================================================== */ .page_home .local-promo{ } .page_home .local-promo .section-liner{ margin: 0 20px; } .rotator, .rotator .rotator-slides, .rotator .rotator-slides .slide { position: relative; width: 100%; overflow: hidden; } .rotator{ text-align: center; text-transform: uppercase; font-size: 21px; line-height: 20px; color: #ffaf3c; } .rotator .rotateNav{ position: absolute; z-index: 20; top: 0; width: 27px; height: 175px; background: url(../images/template/arrows_promo-slider.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; } .rotator .rotatePrev{ left: 0; background-position: 0 50%; } .rotator .rotateNext{ right: 0; background-position: 100% 50%; } .rotator .rotator-slides{ position: relative; z-index: 10; } .rotator .rotator-slides .slide{ } .rotator .rotator-slides .slide a{ display: inline-block; margin: auto; } /* SECTION - ABOUT ===================================================== */ /* PARTNERS & SPONSORS PAGE ===================================================== */ ul.partner-grid li a img{ height: 116px; } ul.partner-grid li a span{ left: -19px; bottom: 16px; width: 205px; background-position: 0 -37px; } /* STAFF & BOARD PAGE ===================================================== */ .main-content .directors ul{ float: left; width: 223px; padding: 0 0 0 59px; margin: -4px 0; border-right: solid 1px #ffaf3c; } .main-content .directors ul:nth-of-type(1){ width: 213px; padding: 0; } .main-content .directors ul:nth-of-type(3){ border-right: none; } /* SECTION - RESOURCES ===================================================== */ /* Lots of nasty, hard-coded styles here because it simply *had* to be text (for some reason) Translating print designs to the web - sigh... */ /* .page_at-a-glance .box-primary{ } .resource_tree-canopy{ font-size: 20px; line-height: 30px; color: #aa9b8f; font-family: "Clarendon W01 Medium 692107"; } .resource_tree-canopy ul li{ float: left; width: 50%; } .resource_tree-canopy ul li figure{ font-family: "UniversLTW01-57Condense 723821"; display: block; font-size: 45px; line-height: 30px; color: #ffaf3c; } .resource_tree-canopy ul li span{ } */ figure.pie{ position: relative; width: 229px; height: 223px; background: url(../images/content/tree-pie.png) 0 0 no-repeat; margin: 0 -10px; text-indent: 100%; white-space: nowrap; overflow: hidden; } figure.pie span{ position: absolute; text-align: center; font-family: "Clarendon W01 Medium 692107"; font-size: 20px; color: #fff; } figure.pie .trees-private{ left: 23px; top: 134px; width: 49px; line-height: 49px; } figure.pie .trees-public{ left: 158px; top: 41px; width: 41px; line-height: 41px; } /* SECTION - GET INVOLVED ===================================================== */ /* PROJECTS PAGE ===================================================== */ .box-aside_tree-heart{ background-position: 0 0; } .box-aside_rosette{ background-position: 0 -213px; } .box-aside_tree-house{ background-position: 0 -466px; } .box-aside_compass{ background-position: 0 -698px; } .box-aside_tree-shovel{ background-position: 0 -929px; } .brewers-grove-img { position: absolute; width: 125px; top: -82px; left: -164px; } /* TREE TOURS PAGE ===================================================== */ ul.tour-grid li a{ display: inline-block; width: 148px; height: 148px; margin-top: 13px; padding: 40px 10px 0; -moz-border-radius: 50%; border-radius: 50%; border: solid 6px #aa9b8f; font-size: 21px; line-height: 26px; font-weight: 300; color: #f0f179; text-transform: uppercase; text-decoration: none; background: rgba(124,115,107,1); } ul.tour-grid li a:hover{ background: rgba(124,115,107,0.7); } ul.tour-grid li a strong{ display: block; margin-top: 10px; font-size: 13px; line-height: 1; color: #fff; font-family: "UniversLTW01-67BoldCn"; font-weight: normal; } ul.tour-grid li a span{ left: -51px; top: -3px; width: 88px; background-position: 0 0; } /* FUNDING PAGE ===================================================== */ .mini-grant-link { color:white; background: #5bc1b2; padding: 10px 15px; border-radius: 4px; } /* SECTION - FILTER (BLOG/CALENDAR) ===================================================== */ #loop-meta{ /* Contains information about categories after filtering */ display: none; } .filter{ margin-bottom: 10px; } .filter label{ float: left; font-family: "Clarendon W01 Medium 692107"; font-size: 13px; } .filter select{ float: right; width: 230px; border: solid 1px #7c736b; -moz-border-radius: 3px; border-radius: 3px; background: #fff; font-size: 13px; color: #aa9b8f; height: 24px; /* text-align: center; line-height: 33px; padding: 5px 0; */ } /* SECTION - BLOG ===================================================== */ /* BLOG LISTING ===================================================== */ .wp .post{ position: relative; z-index: 10; margin-bottom: 24px; /* padding-bottom: 48px; */ } .wp .post h1 + .entry-meta{ margin-top: -11px; margin-bottom: 13px; } .wp .entry-meta-sep{ margin: 0 8px; /* WP incredulously outputs surrounds the separator with spaces */ } .wp .entry-date{ } .wp .entry-date a{ font-family: "UniversLTW01-67BoldCn"; font-size: 13px; letter-spacing: 1px; color: #7c736b; } .wp .post > div{ float: left; width: 100%; } .wp .post .entry-content .entry-featured-image{ float: left; width: 142px; margin-right: 25px; } .wp .post .entry-content .entry-featured-image + p{ float: left; clear: none; width: 352px; } .wp .post .entry-content img{ max-width: 100% !important; height: auto !important; } .wp .post .entry-meta .comments-link, .wp .post .entry-meta .comments-link + .entry-meta-sep, .wp .post .entry-meta-bottom, .wp h3.assistive-text { display: none; } /* Whatever's last, make sure it doesn't have a bottom margin */ .wp .post .entry-content :last-child, .wp .no-results :last-child { margin-bottom: 0; } .wp .post .entry-content .more-link-wrap{ /* display: none; */ } /* LISTING PAGINATION ===================================================== */ .wp-blog #loop-nav-numeric{ text-align: center; } .wp-blog #loop-nav-numeric a, .wp-blog #loop-nav-numeric .page-numbers, .wp-blog #loop-nav-numeric .page-numbers:before { display: inline-block; height: 18px; line-height: 18px; vertical-align: middle; padding-right: 12px; font-family: "UniversLTW01-67BoldCn"; font-size: 13px; text-transform: uppercase; color: #7c736b; } .wp-blog #loop-nav-numeric .page-numbers:before{ content: "/"; } .wp-blog #loop-nav-numeric .page-numbers:first-child:before, .wp-blog #loop-nav-numeric .page-numbers.prev + *:before, .wp-blog #loop-nav-numeric .page-numbers.next:before { display: none; } .wp-blog #loop-nav-numeric .page-numbers:hover{ text-decoration: none; color: #fff; } .wp-blog #loop-nav-numeric .page-numbers.current{ color: #ffaf3c; } .wp-blog #loop-nav-numeric .page-numbers.next{ padding-right: 0; } .wp-blog #loop-nav-numeric .page-numbers.prev, .wp-blog #loop-nav-numeric .page-numbers.next { float: none; display: inline-block; width: 28px; background: url(../images/template/bg_blog-post-footer-nav-links.png) no-repeat; text-indent: 200%; white-space: nowrap; overflow: hidden; } .wp-blog #loop-nav-numeric .page-numbers.prev{ width: 40px; /* Padding is included */ background-position: 0 0; } .wp-blog #loop-nav-numeric .page-numbers.prev:hover{ background-position: 0 -40px; } .wp-blog #loop-nav-numeric .page-numbers.next{ background-position: 100% -20px; } .wp-blog #loop-nav-numeric .page-numbers.next:hover{ background-position: 100% -60px; } /* SINGULAR POST ===================================================== */ #loop-nav-singlular-post{ position: relative; z-index: 20; float: right; clear: both; width: 576px; height: 82px; margin: -36px -8px 30px 0; padding: 22px 20px 0; text-align: center; line-height: 18px; background: url(../images/template/bg_blog-post-footer-nav.png) 0 0 no-repeat; } #loop-nav-singlular-post a{ color: #6f655d; text-decoration: none; } #loop-nav-singlular-post a:hover{ color: #fff; } #loop-nav-singlular-post .meta-nav{ display: inline-block; width: 38px; height: 18px; background: url(../images/template/bg_blog-post-footer-nav-links.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; } #loop-nav-singlular-post .loop-nav-previous, #loop-nav-singlular-post .loop-nav-next { min-width: 130px; } #loop-nav-singlular-post .loop-nav-previous, #loop-nav-singlular-post .loop-nav-previous * { float: left; } #loop-nav-singlular-post .loop-nav-previous .meta-nav{ background-position: 0 0; } #loop-nav-singlular-post .loop-nav-previous a:hover .meta-nav{ background-position: 0 -40px; } #loop-nav-singlular-post .loop-nav-next, #loop-nav-singlular-post .loop-nav-next * { float: right; position: relative; } #loop-nav-singlular-post .loop-nav-next a{ padding-right: 38px; } #loop-nav-singlular-post .loop-nav-next .meta-nav{ /* Oh, WebKit. Le sigh... */ float: none; position: absolute; right: 0; top: 0; } #loop-nav-singlular-post .loop-nav-next .meta-nav{ background-position: 100% -20px; } #loop-nav-singlular-post .loop-nav-next a:hover .meta-nav{ background-position: 100% -60px; } /* BLOG FEEDBACK ===================================================== */ /* COMMENTS FORM ===================================================== */ #commentform input[type=text], #commentform textarea { display: block; } .form-allowed-tags{ display: none; } #commentform .form-submit{ margin-bottom: 0; } /* COMMENTS ===================================================== */ body #tribe-events-loop{ font-size: 15px; } #comments-title{ margin-top: 50px; line-height: 26px; border-top: solid 2px #ffaf3c; border-bottom: solid 2px #ffaf3c; } ol.commentlist li{ border-top: solid 1px #ffaf3c; padding-top: 20px; margin-top: 20px; } ol.commentlist li:first-child{ border: none; padding-top: 0; margin-top: 0; } ol.commentlist ul{ margin-top: 20px; } .comment-meta{ margin-bottom: 10px; } .comment-author .avatar, .comment-author .says { display: none; } .comment-author .fn, .comment-author a.url /* Gross. Links shouldn't look like headings */ { font-family: "UniversLTW01-67BoldCn"; font-size: 15px; font-weight: 300; color: #ffaf3c; text-transform: uppercase; text-decoration: none; cursor: default; } .comment-reply-link span{ display: none; } /* SECTION - CALENDAR ===================================================== */ .cal-event-meta .post-meta{ margin-bottom: 15px; } /*.cal-event-meta .post-meta li{*/ .wp .cal-event-meta .post-meta li{ padding: 0; background: none; font-style: italic; } .cal-event-meta .post-meta-key{ display: none; } .cal-post-info{ font-family: "UniversLTW01-67BoldCn"; font-size: 13px; line-height: 25px; text-transform: uppercase; color: #7c736b; } h1 + .cal-post-info{ margin: -10px 0 2px; } .cal-post-info .divider{ padding: 0 12px; } .cal-post-info .divider-nopad{ padding: 0 2px; } /* CALENDAR FILTER ===================================================== */ .wp-listing .filter legend{ position: absolute; left: -34px; top: 14px; width: 304px; height: 40px; font-family: "Clarendon W01 Medium 692107"; font-size: 17px; line-height: 40px; text-indent: 70px; letter-spacing: 2px; color: #f0f179; background: url(/images/template/bg_cal-filter-title.png) 0 0 no-repeat; } .wp-calendar .filter select{ margin-bottom: 18px; } .wp-listing .filter .category-key{ width: 100%; } .wp-listing .filter .category-key a{ font-family: "Clarendon W01 Medium 692107"; font-size: 13px; line-height: 15px; color: #7c736b; text-transform: none; } .wp-listing .filter .category-key a:before{ content: ''; display: inline-block; width: 15px; height: 15px; margin: 0 7px -3px 17px; -moz-border-radius: 50%; border-radius: 50%; } .wp-listing .filter .category-key a:nth-of-type(1):before{ margin-left: 0; } /* CALENDAR LISTING ===================================================== */ .wp-listing #tribe-events-content{ padding: 25px 24px; } .wp-listing h2.tribe-events-cal-title, .wp-listing #tribe-events-calendar-header, .wp-listing .tribe-events-event-list-meta { display: none; } .wp-listing .tribe-events-event{ position: relative; float: left; width: 100%; padding: 0 10px 10px 70px; } .wp-listing .tribe-events-event.featured{ padding-top: 20px; padding-bottom: 25px; border-top: solid 2px #ffaf3c; } .wp-listing .tribe-events-event:last-child{ padding-bottom: 0; } .wp-listing .tribe-events-event.featured:nth-of-type(3){ border-bottom: solid 2px #ffaf3c; margin-bottom: 20px; } .wp-listing .tribe-events-event .tribe-events-event-entry{ float: none; width: 100%; padding: 0; } .wp-listing .cal-event-meta ul{ margin-bottom: 2px; } /* .wp-listing .tribe-events-event-entry .ellipsis{ display: none; } .wp-listing .more-link:before{ content: '/'; margin: 0 12px; } */ .wp-listing .more-link{ display: none; } .wp-listing .featured .more-link{ display: inline; } .wp-listing .short-date{ position: absolute; left: 18px; top: 4px; width: 20px; height: 20px; -moz-border-radius: 50%; border-radius: 50%; text-indent: 100%; white-space: nowrap; overflow: hidden; } .wp-listing .cat-workshops .short-date, .wp-listing .filter .category-key a.cat_workshops:before { background-color: #ffaf3c; } .wp-listing .cat_volunteer .short-date, .wp-listing .filter .category-key a.cat_volunteer:before { background-color: #5bc1b2; } .wp-listing .cat_tree-tours .short-date, .wp-listing .filter .category-key a.cat_tree-tours:before { background-color: #7c736b; } .wp-listing .cat_tree-mapping .short-date, .wp-listing .filter .category-key a.cat_tree-mapping:before { background-color: #bae9de; } .wp-listing .cat_special .short-date, .wp-listing .filter .category-key a.cat_special:before { background-color: #f0f179; } .wp-listing .featured .short-date{ left: -31px; top: 26px; width: 120px; height: 36px; -moz-border-radius: 0; border-radius: 0; text-indent: 0; background: transparent url(../images/template/bg_cal-listing-short-date_horizontal.png) no-repeat; text-align: center; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: lr-tb; font-family: "UniversLTW01-67BoldCn"; font-weight: 300; font-size: 15px; line-height: 36px; letter-spacing: 2px; color: #fff; text-transform: uppercase; } .wp-listing .cat-workshops .short-date{ background-position: 0 0; } .wp-listing .cat_volunteer .short-date{ background-position: 0 -36px; } .wp-listing .cat_tree-tours .short-date{ background-position: 0 -72px; } .wp-listing .cat_tree-mapping .short-date{ background-position: 0 -108px; color: #aa9b8f; } .wp-listing .cat_special .short-date{ background-position: 0 -144px; color: #aa9b8f; } .wp-listing #tribe-events-nav-below{ /* Hid this as it always displays, even if there are no previous events. Can always display again later if we need to. */ /* display: none; */ } /* CALENDAR LISTING NAV (BELOW) ===================================================== */ #tribe-events-content + #tribe-events-nav-below{ margin-top: -40px; } /* CALENDAR LISTING INLINE (e.g. Volunteer page) ===================================================== */ ul.inline-events{ float: left; clear: both; margin-top: 0; } ul.inline-events li, ul.inline-events li > a { float: left; width: 65px; height: 65px; } ul.inline-events li{ position: relative; z-index: 1; margin-right: 26px; padding: 0; background: none; } ul.inline-events li:hover{ z-index: 2; } ul.inline-events li > a{ -moz-border-radius: 50%; border-radius: 50%; padding-top: 16px; } ul.inline-events li.cat_volunteer > a{ background: #5bc1b2; text-decoration: none; } ul.inline-events li > a span{ display: block; text-align: center; font-family: "UniversLTW01-67BoldCn"; font-size: 15px; line-height: 17px; color: #fff; } ul.inline-events li div{ display: none; position: absolute; left: 90%; top: -8px; width: 220px; min-height: 33px; padding: 20px 24px; background: #fff; } ul.inline-events li:hover div{ display: block; } ul.inline-events li:hover div p{ font-family: "Clarendon W01 Medium 692107"; font-size: 16px; line-height: 17px; font-weight: normal; color: #ffaf3c; margin-bottom: 13px; text-transform: none; } ul.inline-events li:hover div p span{ padding: 0 12px; } ul.inline-events li div .arrow{ position: absolute; left: -16px; top: 26px; width: 16px; height: 38px; background: url(/images/template/left-arrow.png) 0 0 no-repeat; } /* CALENDAR GRID VIEW ===================================================== */ .page_home .calendar-grid{ /* margin-top: 18px; */ display: none; } .page_home #tribe-events-content{ padding: 0; margin-bottom: 0; } .page_home table.tribe-events-calendar{ border: none; } .page_home .grid #tribe-events-calendar-header, .page_home #tribe-events-calendar-header a { /* Actually a footer now */ font-family: "Clarendon W01 Medium 692107"; font-size: 17px; line-height: 34px; font-weight: normal; color: #f0f179; text-transform: uppercase; } .page_home .grid #tribe-events-calendar-header{ width: 100%; height: auto; padding: 0 10px; margin-top: -1px; text-align: center; /* background: #7c736b; */ background: url("../images/template/grid-calendar-nav-bg.png") 0 0 repeat; border-top: solid 1px #4F463F; border-top: solid 1px #7C736B; border-bottom: none; color: #f0f179; } .page_home #tribe-events-calendar-header a{ display: block; background: url("../images/template/grid-calendar-nav-yellow.png") no-repeat; text-indent: -999px; width: 8px; } .page_home #tribe-events-calendar-header .tribe-events-month-nav{ position: relative; } .page_home #tribe-events-calendar-header .tribe-events-month-nav .tribe-events-prev-month{ float: left; } .page_home #tribe-events-calendar-header .tribe-events-month-nav .tribe-events-prev-month a{ background-position: 0 50%; } .page_home #tribe-events-calendar-header .tribe-events-month-nav .tribe-events-next-month{ float: right; } .page_home #tribe-events-calendar-header .tribe-events-month-nav .tribe-events-next-month a{ background-position: 100% 50%; } .page_home #tribe-events-calendar-header #ajax-loading{ position: absolute; left: 0; top: 0; } .page_home #tribe-events-events-picker, /* Date select dropdown */ .page_home .tribe-events-calendar-buttons /* Switch between grid and list */ { display: none !important; } .page_home .tribe-events-calendar-widget .tribe-events-tooltip{ width: 250px; margin: 0 5px; padding: 0; } .page_home .tribe-events-calendar-widget td .tribe-events-event{ background: none transparent; } .page_home .tribe-events-calendar tr th, .page_home .tribe-events-calendar tr td { background: none transparent; border-color: #aa9b8f; } .page_home .tribe-events-calendar tr th{ border-bottom: solid 1px #7c736b; font-family: "Clarendon W01 Medium 692107"; font-size: 21px; line-height: 25px; font-weight: normal; color: #ffaf3c; } /* Ridiculous number of overrides necessary by redundant specificity in default css */ .page_home .tribe-events-calendar td, .page_home .tribe-events-calendar td .daynum, .page_home .tribe-events-calendar td.tribe-events-past .daynum, .page_home .tribe-events-calendar td.tribe-events-past .daynum > a, .page_home .tribe-events-calendar td a, .page_home .tribe-events-calendar td a.tribe-events-mini-has-event { color: #7c736b; font-family: "UniversLTW01-67BoldCn"; font-size: 13px; letter-spacing: 1px; line-height: 1; font-weight: normal; background: none transparent; } .page_home .tribe-events-calendar td .tribe-events-event-title-mini a{ display: block; padding: 10px 10px; font-family: "UniversLTW01-57Condense 723821"; text-transform: none; color: #ffaf3c; } .page_home .tribe-events-calendar td .tribe-events-event-title-mini a:hover{ color: #7c736b; } .page_home .tribe-events-calendar tr td:first-child{ border-left: none; } .page_home .tribe-events-calendar tr td:last-child{ border-right: none; } .page_home .tribe-events-calendar tr:last-of-type td{ border-bottom: none; } .page_home .tribe-events-calendar td.hasEvent, .page_home .tribe-events-calendar td.tribe-events-present .daynum, .page_home .tribe-events-calendar td.tribe-events-present .daynum > a { color: #7c736b; background: #bae9de; } .page_home .tribe-events-calendar td.tribe-events-present{ /* Current day */ } /* CALENDAR EVENT (SINGLE) ===================================================== */ .tribe_events #tribe-events-event-meta{ border: none; } #tribe-events-event-meta dl.column{ width: 100%; padding: 0; } #tribe-events-event-meta dl.column dd{ margin: 0; } #tribe-events-event-meta dd.event-meta-address > div span{ display: block; } #tribe-events-event-meta dl.column dt, /* #tribe-events-event-meta dd.event-meta-venue, */ #tribe-events-event-meta dd.event-meta-address span.addressCountry { display: none; } /* CALENDAR SIDE BAR ===================================================== */ .wp-calendar .box-clear{ padding-top: 0; } /* BLOG/CALENDAR SIDE BAR ===================================================== */ /* HOME / BY AUTHOR ===================================================== */ .wp .side-content .contributors p{ font-family: "Clarendon W01 Medium 692107"; color: #aa9b8f; } .contributors img { margin-top:-30px; } .by-author .box-contributors h1{ display: none; } .by-author ul.contributors li{ display: none; border-top: none; padding-top: 0; } .author-lee ul.contributors li.contributor-lee{ display: block; } .author-steve ul.contributors li.contributor-steve{ display: block; } .author-dotti ul.contributors li.contributor-dotti{ display: block; } /* INSDIDE ===================================================== */ .wp .box-social, .wp .box-social .popper, .wp .box-social .popper-liner { width: 130px; } .wp .box-social{ position: absolute; right: -200px; top: auto; height: 60px; padding: 12px 0 0 4px; } #site-wrapper .box-social li{ /* Extra specificity for overrides */ border-top: none; padding: 0; } .wp .box-social li, .wp .box-social li a { float: left; height: 31px; } .wp .box-social li a{ margin-left: 18px; background: url(/images/template/icons_social-media.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; } .wp .box-social li.twitter a{ width: 38px; background-position: -318px 0; } .wp .box-social li.facebook a{ width: 38px; background-position: -356px 0; } .wp .box-social li .popper{ display: none; position: absolute; right: 0; top: 48px; padding-top: 16px; background: url(/images/template/drop-arrow.png) no-repeat; } .wp .box-social li:first-child .popper{ background-position: 20px 0; } .wp .box-social li:last-child .popper{ background-position: 80px 0; } .wp .box-social li .popper .popper-liner{ padding: 12px 10px; background: #fff; } /* SECTION - FEEDBACK FORMS ===================================================== */ ::-webkit-input-placeholder{ color: #aa9b8f; } :-moz-placeholder{ color: #aa9b8f; } /* CONTACT US ===================================================== */ .feedback-form{ } .feedback-form > h1:first-child{ margin-bottom: 5px; } .feedback-form label{ font-family: "UniversLTW01-67BoldCn"; font-size: 15px; line-height: 38px; text-transform: uppercase; color: #ffaf3c; float: left; width: 100%; } .feedback-form .filter select{ /* Inherits from blog .filter */ width: 100%; margin-bottom: 5px; } .feedback-form input, .feedback-form textarea { width: 100%; font-size: 12px; -moz-border-radius: 3px; border-radius: 3px; border: solid 1px #7c736b; background: #fff; } .feedback-form input{ height: 30px; line-height: 30px; margin-bottom: 5px; } .feedback-form input, .feedback-form textarea { padding: 0 4px; } .feedback-form textarea{ margin-bottom: 15px; padding-top: 2px; padding-bottom: 2px; min-height: 130px; line-height: 18px; } .feedback-form input[type=submit]{ width: 93px; height: 41px; border: none; background: url(../images/template/button_fixed-width.png) 0 0 no-repeat; color: #fff; text-align: center; font-family: "Clarendon W01 Medium 692107"; font-size: 15px; line-height: 41px; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .feedback-form input[type=submit]:hover{ opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* AT A GLANCE PAGE ===================================================== */ .by-the-numbers { text-align:left; } .canopy-content.first { padding-top:10px; } .canopy-content.last { border-bottom: none; } .canopy-content { border-bottom:1px solid #ffaf3c; padding-top:30px; padding-bottom: 30px; } .canopy-content p .canopy-title { font-family: "Clarendon W01 Medium 692107"; color: #aa9b8f; font-size: 18px; margin-top:5px; display:block; } .canopy-content p .canopy-number { color: #ffaf3c; font-size: 45px; } .by-the-numbers .canopy-float { display:inline-block; margin-bottom:0px; } .canopy-float:first-child { margin-right:30px; } /* FOOTER ===================================================== */ footer{ border-top: solid 2px #ffaf3c; margin-top: 10px; /* Added to 30px on bottom of boxes to make 40px */ padding: 30px 0 20px; background: url(../images/template/bg_footer-logos.png) 519px 0 no-repeat; } footer .box{ width: 331px; font-size: 11px; line-height: 15px; margin-bottom: 0; } footer .social-nav{ } footer .spLogos{ float: right; width: 189px; } footer .spLogos a{ float: left; height: 41px; margin-bottom: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; } footer .spLogos a.logo-FOGRCP{ width: 80px; background: url(../images/template/logos.png) 0 0 no-repeat; } footer .spLogos a.logo-COGR{ width: 60px; margin-left: 32px; background: url(../images/template/logos.png) -112px 0 no-repeat; } footer .spLogos a.logo-GRCF{ width: 142px; background: url(../images/template/logos.png) -194px 0 no-repeat; } footer .social-nav{ padding-top: 16px; float: right; } footer .social-nav ul{ min-width: 421px; } footer .social-nav ul li{ margin-left: 26px; } footer .social-nav ul li, footer .social-nav ul li a { float: left; } footer .social-nav ul li a{ text-indent: 100%; white-space: nowrap; overflow: hidden; height: 56px; } footer .social-nav ul li:first-child a{ } footer .social-nav ul li a.sm-icon{ width: 53px; background: url(../images/template/icons_social-media.png) no-repeat; } footer .social-nav ul li a.divider{ width: 1px; } footer .social-nav ul li a.sm-icon-facebook{ background-position: 0 0; } footer .social-nav ul li a.sm-icon-twitter{ background-position: -53px 0; } footer .social-nav ul li a.sm-icon-video{ background-position: -106px 0; } footer .social-nav ul li a.sm-icon-flickr{ background-position: -159px 0; } footer .social-nav ul li a.sm-icon-telephone{ display: none; background-position: -212px 0; } footer .social-nav ul li a.sm-icon-email{ background-position: -265px 0; }