/* ----------------------------------------------------------------------- DRUPAL WCN STYLES font-family: 'Lato', sans-serif; ----------------------------------------------------------------------- */ html { -webkit-text-size-adjust: none; background-color: #2E2F30; } body { width: 100%; font-family: 'Lato', sans-serif; position: relative; } .clear { float:none; clear:both; height:0; line-height:0; margin:0!important; padding:0!important; color:transparent; background-color:transparent; } .inner, .view-corporate-sponsors { width: 1080px; margin: 0 auto; position: relative; } a { text-decoration: none; } a, input { transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0px; } /* HEADER */ #header { background-color: #fff; z-index: 9; height: 83px; box-shadow: 0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); -o-box-shadow: 0 1px 1px rgba(0,0,0,.2); position: fixed; top: 0px; width: 100%; behavior: url(/PIE.php); } #header .inner { width: 90%; min-width: 850px; height: 100%; } #header #logo { position: absolute; left: 30px; top: 8px; height: 68px; width: 259px; } #header #logo a { height: 68px; width: 259px; display: block; background-size: 259px 68px; position: relative; } #header #logo img { height: 68px; width: 259px; } #header #involveNav { position: absolute; right: 5px; top: 0px; height: 100%; width: 360px; overflow: hidden; } #header #involveNav ul { height: 100%; position: absolute; top: 0px; left: 0px; list-style-type: none; margin: 0px; padding: 0px; } #header #involveNav ul li { float: right; display: inline-block; height: 100%; } #header #involveNav ul li.getinvolved { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #header #involveNav ul li.getinvolved a { transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s; -o-transition: color .3s; display: block; padding: 30px; font-size: 14px; color: #2e2f30; text-decoration: none; font-weight: 900; text-transform: uppercase; } #header #involveNav ul li.getinvolved a:hover { color: #888; } #header #involveNav ul li.donate { height: 100%; padding: 21px 0 0 25px; } #header .btnMobileNav { display: none; } #mainNav #involveNavMobile { display: none; } #headerSpace { height: 50px; } body.admin-menu { margin-top: 0px !important; } div.highlight-box {padding:20px; background-color:#e5ecf9; text-align:center;} /* NAVIGATION */ #mainNav-spacer {height: 50px;} #mainNav { width: 100%; background-color: #F7F8F7; background-color: rgba(255, 255, 255, 0.90); height: 50px; box-shadow: 0 1px 1px rgba(0,0,0,.4); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4); -o-box-shadow: 0 1px 1px rgba(0,0,0,.4); position: fixed; top: 83px; z-index: 8; -webkit-backface-visibility: hidden; behavior: url(/PIE.php); } #mainNav .inner { width: 90%; min-width: 850px; height: 100%; -webkit-backface-visibility: hidden; } #mainNav ul { list-style-type: none; padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px; width: 95%; padding-right: 5%; -webkit-backface-visibility: hidden; } #mainNav ul li { float: left; display: inline-block; position: relative; margin: 0px; padding: 0px; } #mainNav ul li a { font-size: 14px; color: #2e2f30; display: block; padding: 14px 27px 15px; text-decoration: none; font-weight: 900; text-transform: uppercase; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;} #mainNav ul li:hover > a { background-color: #fff; color: #92985f; } #mainNav ul li.active > a, #mainNav ul li.active-trail > a { color: #92985f; } #mainNav ul li.what-we-do li a { color: #2e2f30 !important; } #mainNav ul li.what-we-do li.scholarships.active a, #mainNav ul li.what-we-do li.scholarships.active a { color: #92985f !important; } #mainNav ul li ul { position: absolute; top: 50px; background-color: #f7f8f7; visibility: hidden; opacity: 0; transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transition: opacity .3s; -o-transition: opacity .3s; padding: 15px 30px; width: auto; left: 0px; min-width: 225px; z-index: 20; } #mainNav ul li.wildlife-programs ul { width: 200%; } #mainNav ul li ul li { float: none; display: block; padding: 0px; } #mainNav ul li.wildlife-programs ul li { float: left; display: inline-block; width: 50%; } #mainNav ul li ul li a { color: #2e2f30; display: inline-block; font-size: 14px; font-weight: normal; padding: 3px 15px 11px 0; background: transparent url(../_images/bg-dropdown-arrow.png) right 11px no-repeat !important; text-transform: none; white-space: nowrap; transition: color .1s, margin .1s, padding .1s; -moz-transition: color .1s, margin .1s, padding .1s; -webkit-transition: color .1s, margin .1s, padding .1s; -o-transition: color .1s, margin .1s, padding .1s; margin-right: 10px; } #mainNav ul li ul li a:hover { padding-left: 3px; padding-right: 15px; margin-right: 7px; } #mainNav ul li:hover ul { opacity: 1; visibility: visible; -webkit-backface-visibility: hidden; } #mainNav ul li.about, #mainNav ul li.events { float: right; } #mainNav ul li.about a, #mainNav ul li.events a { font-weight: 300; } #mainNav ul li.what-we-do ul { display: none; } #mainNav .contextual-links-wrapper { display: none; } /* MENU BUTTON BREAK POINT IS 850px; */ #mainNav #btnSearch { float: right; display: inline-block; height: 50px; width: 50px; text-indent: -9999px; position: relative; z-index: 50; background: transparent url(../_images/btn-search.png) center center no-repeat; } #mainNav #btnSearch:hover { background-color: #fff; } #mainNav #searchHolder { background-color: #F7F8F7; position: absolute; right: 0px; top: 50px; padding: 10px; opacity: 0; transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transition: opacity .3s; -o-transition: opacity .3s; visibility: hidden; } #mainNav #searchHolder.show { opacity: 1; z-index: 50; visibility: visible; } #mainNav #searchHolder form { margin: 0px; padding: 0px; width: 250px; height: 40px; overflow: hidden; position: relative; } #mainNav #searchHolder form input.form-text { font-size: 16px; border: 1px solid #d1d1cf; border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; padding: 10px; margin: 0px; width: 210px; } #mainNav #searchHolder form input.form-submit { position: absolute; z-index: 2; top: 0px; right: 0px; border: none; display: block; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; height: 40px; font-size: 14px; color: #fff; text-decoration: none; font-weight: 900; text-transform: uppercase; background-image: url(../_images/btn-search-white.png); background-repeat: no-repeat; background-position: center center; transition: .1s; -moz-transition: .1s; -webkit-transition: .1s; -o-transition: .1s; background-color: #92985f; cursor: pointer; margin: 0px; text-indent: -9999px; width: 35px; } #mainNav #searchHolder form input.form-submit:hover { background-color: #7d7e5a; } #newsletter-promo { background: #7bab2c url(../../../misc/message-24-ok.png) no-repeat left top; padding: 10px; text-indent: 24px; } #newsletter-thankyou {background-color:#7bab2c; padding:0 10px; margin-top:50px; color:#fff; font-size:16px; line-height:40px; text-align:center; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;-webkit-transition:height .5s; transition:height .5s;} .page-node .tabs { background-color: #f7f8f7; padding: 10px 5%; width: 90%; } .page-node .tabs ul.primary { border: none; margin: 0px; padding: 0px; } .page-node .tabs ul.secondary { border-bottom: none; margin: 0px; padding: 0px; } .page-node .tabs ul.primary li a { border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #7d7e5a; padding: 3px 8px; font-size: 12px; font-weight: bold; background-color: #92985f; behavior: url(/PIE.php);} .page-node .tabs ul li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/PIE.php); color: #92985f; } .page-node .tabs ul li a:hover { background-color: #7d7e5a; } .page-node .messages { margin: 10px auto; width: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(/PIE.php); } #page .messages p { font-size: 14px; margin: 0px; } #page .messages ul { list-style-type: none; margin: 0px; padding: 0px; } #page .messages ul li { font-size: 14px; margin: 0px; padding: 0px; color: #8C2E0B; font-size: 12px; font-weight: normal; } #page .messages.clientside-error { } /* #main article { background-color: #f5f5f4; padding: 30px 0px; } */ /* HEADLINE / FLEXSLIDER ROTATOR */ #page { min-height: 300px; padding: 83px 0px 0px; width: 100%; } #page .region-headline { background-color: #000; height: 450px; overflow: hidden; position: relative; } .front #page .region-headline { height: 620px; } .front #page .region-headline .slide { height: 620px; } .front #page .region-headline .slide .slideText h1 { font-size: 52px; line-height: 64px; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .front #page .region-headline .slide .slideText:hover h1 { background-color: rgba(0,0,0,1); } #page .region-headline .slide { background-position: top center; background-repeat: no-repeat; background-size: cover; height: 450px; width: 100%; position: relative; -webkit-backface-visibility: hidden; } #page .region-headline .slide .slideText { position: absolute; left: 11%; padding-top: 25px; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; opacity: 0; top: 50%; -webkit-backface-visibility: hidden; } #page .slide .imgAttribution { position: absolute; bottom: 0px; right: 2%; } #page .slide .imgAttribution p { font-size: 10px; color: #fff; text-shadow: 1px 1px #333; margin-bottom: 10px; } #page .region-headline .slide .slideText * { -webkit-backface-visibility: hidden; overflow:initial; } #page .region-headline .slide .slideText.go { opacity: 1; } #page .region-headline .slide .slideText h1 { background-color: rgba(0,0,0,.5); color: #fff; font-weight: 300; font-size: 42px; line-height: 50px; padding: 5px 15px; display: block; white-space: nowrap; margin-bottom: 5px; float: left; clear: left; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6 & 7 */ zoom: 1; } #page .region-headline .slide .slideText h2 { background-color: rgba(0,0,0,.5); color: #fff; font-weight: 900; font-size: 42px; line-height: 50px; padding: 5px 15px; display: block; white-space: nowrap; float: left; clear: left; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6 & 7 */ zoom: 1; } #page .region-headline .slide .slideText a { color: #fff; } #page .region-headline .slide .slideText a:hover { color: #fff; } #page .region-headline .slide .bgo { background-color: rgba(0,0,0,0.5); position: absolute; height: 100%; width: 100%; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); /* IE6 & 7 */ zoom: 1; } #page .region-headline .slide.overlayed .slideText { position: absolute; margin: 0 auto; width: 78%; top: 50%; } #page .region-headline .slide.overlayed .slideText h1 { position: static; color: #fff; font-size: 36px; font-weight: bold; background-color: transparent; white-space: normal; text-align: center; margin-bottom: 15px; float: none; padding: 0px; } #page .region-headline .slide.overlayed .slideText h2 { position: static; color: #fff; font-size: 28px; background-color: transparent; white-space: normal; text-align: center; margin-bottom: 15px; float: none; padding: 0px; } #page .region-headline .slide.overlayed .slideText p { display: block; color: #fff; font-size: 22px; line-height: 30px; font-weight: 300; text-align: center; margin-bottom: 25px; padding: 0px; } #page .region-headline .slide.overlayed .slideText p a.orangeOutline { border: 1px solid #e08c39; padding: 13px 20px; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; behavior: url(/PIE.php); } #page .region-headline .slide.overlayed .slideText p a.orangeOutline:hover { background-color: #e08c39; color: #fff; } #page .region-headline .slide.overlayed .slideText p a.donateButton { border: none; text-align: center; display: inline-block; } #page .region-headline .slide.overlayed .slideText p a.donateButton:hover { background-color: #9F6328; color: #fff; margin-top: 0px; } .page-node-26 #page .region-headline { height: 500px; -moz-box-shadow: 0px 1px 2px #aaa; -webkit-box-shadow: 0px 1px 2px #aaa; box-shadow: 0px 1px 2px #aaa; margin-top: 50px; } #page .region-headline .slideText .templateRow .triCol { width: 27%; padding: 0px 3%; position: relative; } #page .region-headline .slideText .templateRow .triCol h3 { color: #d4d6c4; font-size: 32px; text-align: center; font-weight: 300; } #page .region-headline .slideText .templateRow .triCol p { font-size: 16px; line-height: 24px; text-align: center; } #page .region-headline .slideText .templateRow .triCol ul.socialNav { width: 190px; overflow: hidden; margin: 0 auto; } #page .region-headline .slideText .templateRow .triCol ul.socialNav li { margin-right: 7px; float: left; display: inline; } #page .region-headline .slideText .templateRow .triCol ul.socialNav li a { width: 40px; height: 40px; display: block; background-color: #fff; text-indent: -9999px; transition: background-color .3s; -moz-transition: background-color .3s; -webkit-transition: background-color .3s; -o-transition: background-color .3s; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; behavior: url(/PIE.php); } #page .region-headline .slideText .templateRow .triCol ul.socialNav li.facebook a { background-image: url(../_images/icon-facebook.png); } #page .region-headline .slideText .templateRow .triCol ul.socialNav li.facebook a:hover { background-color: #48649f; } #page .region-headline .slideText .templateRow .triCol ul.socialNav li.twitter a { background-image: url(../_images/icon-twitter.png); } #page .region-headline .slideText .templateRow .triCol ul.socialNav li.twitter a:hover { background-color: #00aaeb; } #page .region-headline .slideText .templateRow .triCol ul.socialNav li.vimeo a { background-image: url(../_images/icon-vimeo.png); } #page .region-headline .slideText .templateRow .triCol ul.socialNav li.vimeo a:hover { background-color: #3ecbfc; } #page .region-headline .slideText .templateRow .triCol ul.socialNav li.youtube a { background-image: url(../_images/icon-youtube.png); } #page .region-headline .slideText .templateRow .triCol ul.socialNav li.youtube a:hover { background-color: #e52d27; } #page .region-headline .slideText .templateRow .triCol ul.socialNav li.rss a { background-image: url(../_images/icon-rss.png); } #page .region-headline .slideText .templateRow .triCol ul.socialNav li.rss a:hover { background-color: #e08c39; } #page .region-headline .slideText .templateRow .triCol #newsletterGetInvolved { position: relative; height: 30px; width: 100%; } #page .region-headline .slideText .templateRow .triCol #newsletterGetInvolved input.form-text { position: absolute; top: 0px; left: 0px; width: 75%; margin: 0px; height: 18px; } #page .region-headline .slideText .templateRow .triCol #newsletterGetInvolved input.submitEmail { position: absolute; top: 0px; left: 80%; font-size: 12px; border: none; background-image: none; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 13px 12px 12px 12px; height: 40px; } /* CUSTOM BG CLASSES africanWildDog uniqueApproach */ .view-id-homepage_latest { background: #f7f7f5 url(../_images/bg-home-middle.jpg) center bottom no-repeat; background-size: cover; margin-bottom: 30px; padding: 45px 0 55px 0; overflow: hidden; } #content .view-id-homepage_latest .view-content { width: 1080px; margin: 0 auto; position: relative; } #content .view-id-homepage_latest .triCol { padding: 0 2%; width: 29%; float: left; display: inline; } #content .view-id-homepage_latest .triCol h3 { font-size: 26px; line-height: 30px; } #content .view-id-homepage_latest .triCol p.type { text-transform: uppercase; color: #92985f; font-size: 10px; line-height: 18px; margin: 0px; } #content .view-id-homepage_latest .triCol img { width: 100%; height: auto; } .donationModel { background: #f7f7f5 url(../_images/bg-donation-model.jpg) center bottom no-repeat; background-size: cover; padding-bottom: 300px !important; } .donationModel h2, .donationModelLower h3, .donationModel p, .donationModelLower p { text-align: center; } #content .donationModel h2 { font-size: 36px; line-height: 54px; } #content .donationModelLower h3 { font-size: 32px; line-height: 32px; margin-top: 10px; } .donationModel .inner { width: 75%; } .donationModelLower img { box-shadow: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .donationModelLower { margin-top: -305px; } .donationModelLower p.bigImpact { font-size: 42px; line-height: 54px; } #content .donationModelLower p.bigImpact { font-size: 42px; line-height: 54px; margin-top: 50px;} #content .donationModelLower p.bigImpact a.greenOutline { font-size: 42px; line-height: 54px; text-transform: none; font-weight: 300; margin-left: 20px; } #content .donationModelLower .templateRow { background: transparent url(../_images/bg-donation-model-lower.gif) center 300px no-repeat; background-size: 92% auto; } #content .donationModelLower .templateRow .triCol { width: 27%; padding: 0 3%; } #content .donationModelLower .templateRow .colSep { display: none; } .uniqueApproach { background-color: #4a4b4d; background-position: center bottom no-repeat; background-size: cover; } .uniqueApproach p, .uniqueApproach h3 { color: #fff !important; } #content .uniqueApproach h1 { color: #d4d6c4; } .fieldSection.africanWildDog { background-image: url(../_images/bg_african_wild_dog.jpg); } .fieldSection.andeanCat { background-image: url(../_images/bg_andean_cat.jpg); } .fieldSection.cheetahBotswana { background-image: url(../_images/bg_cheetah_botswana.jpg); } .fieldSection.cheetahNamibia { background-image: url(../_images/bg_cheetah_namibia.jpg); } .fieldSection.cottonTopTamarin { background-image: url(../_images/bg_cotton-top_tamarin.jpg); } .fieldSection.elephant { background-image: url(../_images/bg_elephant.jpg); } .fieldSection.ethiopianWolf { background-image: url(../_images/bg_ethiopian_wolf.jpg); } .fieldSection.grevysZebra { background-image: url(../_images/bg_grevys_zebra.jpg); } .fieldSection.lionKenya { background-image: url(../_images/bg_lion_kenya.jpg); } .fieldSection.lionMozambique { background-image: url(../_images/bg_lion_mozambique.jpg); } .fieldSection.okapi { background-image: url(../_images/bg_okapi.jpg); } .fieldSection.penguin { background-image: url(../_images/bg_penguin.jpg); } .fieldSection.saigaAntelope { background-image: url(../_images/bg_saiga_antelope.jpg); } .fieldSection.smallCats { background-image: url(../_images/bg_small_cats.jpg); } .fieldSection.spectacledBear { background-image: url(../_images/bg_spectacled_bear.jpg); } .fieldSection.snowLeopard { background-image: url(../_images/bg_snow_leopard.jpg); } .fieldSection.sharksRays { background-image: url(../_images/bg_sharks_rays.jpg); } .wpHelp { background: #fff url(../_images/bg-topography.jpg) 0 0 repeat; -moz-box-shadow: 0px 0px 2px #aaa inset; -webkit-box-shadow: 0px 0px 2px #aaa inset; box-shadow: 0px 0px 2px #aaa inset; } .wpHelp h1 { text-align: center; font-weight: 200; margin-bottom: 25px; color: #3a3e42; } .wpHelp .helpRow { clear: left; } .wpHelp .helpRow .imgCol { float: left; display: inline; margin: 0 20px 35px 0; } #content .wpHelp .helpRow h3 { font-size: 32px; line-height: 42px; } #content .wpHelp .helpRow p { font-size: 18px; line-height: 24px; } #main .wpHelp .donate form.commerce-add-to-cart input.form-submit { margin: 0 auto; } #page .wpHelp .donate form.commerce-add-to-cart .form-item-line-item-fields-field-donation-amount-und-0-value input { width: 70%; } .fieldSection.wpHelp img { border-radius: 62px; -moz-border-radius: 62px; -webkit-border-radius: 62px; behavior: url(/PIE.php); } /* MAP STYLES */ .leaflet-popup-content { text-align: center; font-size: 14px; color: #2e2f30; line-height: 16px; position: relative; } .leaflet-popup-content em { margin-top: 5px; color: #778ea2; display: block; font-style: normal; } .leaflet-popup-content a { border: 1px solid #8c9067; padding: 7px 12px; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; background-color: #8c9067; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; line-height: 25px; white-space: nowrap; behavior: url(/PIE.php); } .leaflet-popup-content a:hover { background-color: #7D7E5A; color: #fff; } /*.leaflet-popup-content .WCN-Office { display: none; }*/ .section-wildlife-programs .leaflet-marker-pane img { box-shadow: none !important; } .leaflet-top { z-index: 7 !important; } .page-node-26 .leaflet-top { z-index: 7; top: 50px; } .leaflet-control-attribution { display: none; } img.leaflet-marker-icon.jump { padding-top: 2px; transition: .1s; -moz-transition: .1s; -webkit-transition: .1s; -o-transition: .1s; } #block-views-main-map-view-block { box-shadow: 0 -1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0 -1px 1px rgba(0,0,0,.2); -o-box-shadow: 0 -1px 1px rgba(0,0,0,.2); behavior: url(/PIE.php); } /* VIEWS STYLING */ .views-row .imgHolder { padding-top: 10px; } .view-wildlife-programs-homepage-list .views-row .imgHolder { padding-top: 0px; } #block-views-wildlife-programs-list-block { width: 1080px; margin: 0 auto; position: relative; } .view-wildlife-programs-list { margin-bottom: 30px; } .view-wildlife-programs-list .views-row { float: left; display: inline; width: 21%; margin: 2%; position: relative; overflow: hidden; -moz-box-shadow: 0px 0px 2px #aaa; -webkit-box-shadow: 0px 0px 2px #aaa; box-shadow: 0px 0px 2px #aaa; } .view-wildlife-programs-list .views-row .imgHolder { position: relative; overflow: hidden; padding-top: 0px; } #content .view-wildlife-programs-list .views-row .imgHolder h3 { position: absolute; bottom: 0px; left: 0px; display: block; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 14px; margin: 0px; padding: 0px; } .view-wildlife-programs-list .views-row img { width: 100%; height: auto; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; display: block; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; margin: 0px; } .view-wildlife-programs-list .views-row.over img { transform:scale(1.1); -ms-transform:none; -webkit-transform:scale(1.1); } #block-views-wildlife-resurgence-funds-list-block { width: 1080px; margin: 0 auto; position: relative; } .view-wildlife-resurgence-funds-list { margin-bottom: 30px; text-align: center; } .view-wildlife-resurgence-funds-list .views-row { display: inline-block; width: 21%; margin: 2%; position: relative; overflow: hidden; -moz-box-shadow: 0px 0px 2px #aaa; -webkit-box-shadow: 0px 0px 2px #aaa; box-shadow: 0px 0px 2px #aaa; } .view-wildlife-resurgence-funds-list .views-row .imgHolder { position: relative; overflow: hidden; padding-top: 0px; } #content .view-wildlife-resurgence-funds-list .views-row .imgHolder h3 { position: absolute; bottom: 0px; left: 0px; display: block; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 14px; margin: 0px; padding: 0px; } .view-wildlife-resurgence-funds-list .views-row img { width: 100%; height: auto; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; display: block; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; margin: 0px; } .view-wildlife-resurgence-funds-list .views-row.over img { transform:scale(1.1); -ms-transform:none; -webkit-transform:scale(1.1); } .field-collection-container .field-collection-view { margin: 0px; padding: 0px; } #content .view-wildlife-programs-list .views-row h4 { font-size: 26px; color: #2e2f30; font-weight: 300; text-align: center; height: 110px; margin: 0px; padding: 10px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } #content .view-wildlife-programs-list .views-row.over h4 { color: #92985F; } #content .view-wildlife-programs-list .views-row a { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 8; text-indent: -9999px; } #content .view-wildlife-resurgence-funds-list .views-row h4 { font-size: 26px; color: #2e2f30; font-weight: 300; text-align: center; height: 110px; margin: 0px; padding: 10px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; } #content .view-wildlife-resurgence-funds-list .views-row.over h4 { color: #92985F; } #content .view-wildlife-resurgence-funds-list .views-row a { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 8; text-indent: -9999px; } .section-wildlife-programs .node-wildlife-program > .wpDescription > .inner p { text-align: center; } .view-wildlife-programs-homepage-list { width: 100%; margin: 0 auto; position: relative; overflow: hidden; } #content .view-wildlife-programs-homepage-list .view-header h3 { margin: 0 0 10px; font-size: 16px; font-weight: normal; padding-top: 0px; } #content .view-wildlife-programs-homepage-list .view-header h3 a { margin-bottom: 10px; font-size: 16px; color: #959b5d; display: inline-block; font-size: 14px; font-weight: normal; padding: 3px 15px 11px 20px; background: transparent url(../_images/bg-dropdown-arrow.png) right 19px no-repeat !important; text-transform: none; white-space: nowrap; transition: color .1s, margin .1s, padding .1s; -moz-transition: color .1s, margin .1s, padding .1s; -webkit-transition: color .1s, margin .1s, padding .1s; -o-transition: color .1s, margin .1s, padding .1s; margin-right: 10px; } #content .view-wildlife-programs-homepage-list .view-header h3 a:hover { padding-left: 23px; padding-right: 15px; margin-right: 7px; } .view-wildlife-programs-homepage-list .views-row { float: left; display: inline; width: 350px; margin: 0 10px 0 0; position: relative; z-index: 6; overflow: hidden; } .view-wildlife-programs-homepage-list .views-row .imgHolder { position: relative; z-index: 3; overflow: hidden; } #content .view-wildlife-programs-homepage-list .views-row .imgHolder h3 { position: absolute; bottom: 0px; left: 0px; display: block; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 16px; line-height: 20px; margin: 0px; padding: 15px 0px; z-index: 2; } .view-wildlife-programs-homepage-list .views-row img { margin: 0px; width: 100%; height: auto; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; display: block; /* -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; */ } .view-wildlife-programs-homepage-list .views-row.over img { transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1); } #content .view-wildlife-programs-homepage-list .views-row a { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 8; background: transparent url("about:blank"); text-indent: -9999px; zoom: 1; } #content .flex-direction-nav { list-style-type: none; } .flex-direction-nav .flex-next { margin: 0px !important; padding: 0px !important; background: transparent url(../_images/btn-flex-next.gif) center center no-repeat !important; right: -70px; height: 60px; width: 60px; display: block !important; opacity: .6; } .flex-direction-nav .flex-prev { margin: 0px !important; padding: 0px !important; background: transparent url(../_images/btn-flex-prev.gif) center center no-repeat !important; left: -70px; height: 60px; width: 60px; display: block !important; opacity: .6; } .flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-prev:hover { opacity: 1; } .flex-control-nav { bottom: -20px; transition: .1s .3s; -moz-transition: .1s .3s; -webkit-transition: .1s .3s; -o-transition: .1s .3s; } .flex-control-nav li a { border: 1px solid white; background-image: none; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; height: 12px; width: 12px; display: block; margin: 0 4px; behavior: url(/PIE.php); } .flex-control-nav li a:hover, .flex-control-nav li a.flex-active { background-color: #fff; } .region-headline:hover .flex-control-nav { bottom: 30px; } .region-headline:hover .flex-direction-nav .flex-prev { left: 0px; } .region-headline:hover .flex-direction-nav .flex-next { right: 0px; } .view-wildlife-programs-homepage-list:hover .flex-direction-nav .flex-prev { left: 0px; } .view-wildlife-programs-homepage-list:hover .flex-direction-nav .flex-next { right: 0px; } /* updates (blog posts) and events */ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .node-wildlife-program .videoWrapper {margin-left: 10%; margin-right: 10%; padding-bottom: 45%;} .expo_sponsor {text-align:center;width:48%;vertical-align:baseline} .section-updates #page #main .fieldSection.viewRef { padding-top: 55px; } .section-updates #page .region-headline { height: 270px; } .section-updates #page .region-headline .slide { height: 270px; position: absolute; left: 0px; top: 0px; } .section-updates #page .region-headline .slide.overlayed .slideText { width: 1080px; position: relative; left: 0px; top: 140px; opacity: 1 !important; } .section-updates #page .region-headline .slide.overlayed .slideText h1 { text-align: left; font-size: 64px; line-height: 74px; font-weight: 200; } .section-events #page #main .fieldSection.viewRef { padding-top: 55px; } .section-events #page .region-headline { height: 270px; } .section-events #page .region-headline .slide { height: 270px; position: absolute; left: 0px; top: 0px; } .section-events #page .region-headline .slide.overlayed .slideText { width: 1080px; position: relative; left: 0px; top: 125px; opacity: 1 !important; } .section-events #page .region-headline .slide.overlayed .slideText h1 { text-align: left; font-size: 64px; line-height: 74px; font-weight: 200; } .field-name-field-update-image img { width: 100%; height: auto; } .field-name-field-event-image img { width: 100%; height: auto; } #page p.photo-attribution { margin-top: -20px; font-size: 14px; color: #777; text-align: right; } #content .view-updates-list .view-filters { position: absolute; top: -150px; right: 0px; } #content .view-updates-list .view-filters label { display: none; } #content .view-updates-list .view-filters .views-exposed-form .views-exposed-widget { float: right; display: inline; padding: .5em 0 0 20px; } #content .view-updates-list .view-filters .views-exposed-form .views-exposed-widget .description {display:none} .view-single-update-by-tag .imgHolder { float: right; display: inline; width: 30%; margin-left: 5%; } .view-single-update-by-tag .imgHolder img { width: 100%; height: auto; } .view-single-next-event .imgHolder { float: right; display: inline; width: 30%; margin-left: 5%; } .view-single-next-event .imgHolder img { width: 100%; height: auto; } .view-updates-list .views-row { clear: both; border-bottom: 1px solid #d8d8d2; padding-bottom: 25px; margin-bottom: 40px; } .view-updates-list .imgHolder { float: right; display: inline; width: 30%; margin-left: 5%; } .view-updates-list .imgHolder img { width: 100%; height: auto; } .view-updates-list .textHolder { float: left; display: inline; width: 60%; margin-right: 5%; } .view-events-list .views-row { clear: both; border-bottom: 1px solid #d8d8d2; padding-bottom: 25px; margin-bottom: 40px; } .view-events-list .imgHolder { float: right; display: inline; width: 30%; margin-left: 5%; } .view-events-list .imgHolder img { width: 100%; height: auto; } .view-events-list .textHolder { float: left; display: inline; width: 60%; margin-right: 5%; } #content .view-events-list .event-meta { font-size: 14px; color: #000; font-style: italic; } .view-team-members-list .views-row { clear: both; border-bottom: 1px solid #d8d8d2; padding-bottom: 25px; margin-bottom: 50px; } .view-team-members-list .views-row .imgHolder { float: left; display: inline; width: 30%; margin-right: 5%; } .view-team-members-list .views-row .imgHolder img { width: 100%; height: auto; } .view-team-members-list .views-row .textHolder { float: right; display: inline; width: 64%; } #content .view-team-members-list .views-row .textHolder h3 { font-size: 32px; line-height: 42px; } .view-board-members-list .views-row { clear: both; border-bottom: 1px solid #d8d8d2; padding-bottom: 25px; margin-bottom: 50px; } .view-board-members-list .views-row .imgHolder { float: left; display: inline; width: 30%; margin-right: 5%; } .view-board-members-list .views-row .imgHolder img { width: 100%; height: auto; } .view-board-members-list .views-row .textHolder { float: right; display: inline; width: 64%; } #content .view-board-members-list .views-row .textHolder h3 { font-size: 32px; line-height: 42px; } .view-corporate-sponsors .views-row { clear: both; border-top: 1px solid #d8d8d2; padding-top: 25px; } .view-corporate-sponsors .views-row-first {border-top:0; padding-top:0} .view-corporate-sponsors p.clear {height:30px} .view-corporate-sponsors .textContainer { float: left; display: inline; width: 60%; margin-right: 5%; } .view-corporate-sponsors .imgContainer { float: right; display: inline; width: 30%; margin-left: 5%; } .view-corporate-sponsors .imgContainer img { width: 100%; height: auto; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none} .view-corporate-sponsors .views-row-last .views-field-title, .view-corporate-sponsors .views-row-last .imgContainer {display:none} .view-corporate-sponsors .views-row-last .textContainer { float: left; display: inline; width: 100%; } .page-node-28 .fieldSection.viewRef { background-color: #ecece9; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ecece9), to(#fdfdfd)); background-image: -webkit-linear-gradient(top, #ecece9, #fdfdfd); background-image: -moz-linear-gradient(top, #ecece9, #fdfdfd); background-image: -ms-linear-gradient(top, #ecece9, #fdfdfd); background-image: -o-linear-gradient(top, #ecece9, #fdfdfd); } .scholarsOld { -moz-box-shadow: 0px 0px 2px #aaa inset; -webkit-box-shadow: 0px 0px 2px #aaa inset; box-shadow: 0px 0px 2px #aaa inset; } .scholarsOld h4 { color: #414244; font-size: 18px; font-weight: 900; } .scholarsOld .scholarsHolder .scholarsRow { width: 100%; float: left; clear: left; margin-bottom: 20px; } .scholarsOld .scholarsHolder .scholarsRow p { width: 22%; margin-right: 3%; float: left; display: inline-block; height: 100px; } .view-scholars-list .views-row { float: left; display: inline; width: 30%; margin: 0 2% 3% 1%; height: 420px;} .view-scholars-list .views-row .imgHolder { width: 100%; } .view-scholars-list .views-row .imgHolder img { width: 100%; height: auto; } .view-scholars-list .views-row .textHolder { float: right; display: inline; width: 64%; } #content .view-scholars-list .views-row h3 { font-size: 26px; line-height: 32px; margin-bottom: 0px; } #content .view-scholars-list .views-row p.type { font-size: 12px; text-transform: uppercase; margin-bottom: 10px; } #content .view-scholars-list .views-row ul { margin: 0px; padding: 0px; list-style-type: none; } #content .view-scholars-list .views-row ul li { padding-left: 25px; line-height: 20px; margin-bottom: 8px; } #content .view-scholars-list .views-row ul li.location { background: transparent url(../_images/icon-location.png) left 3px no-repeat; } #content .view-scholars-list .views-row ul li.animals { background: transparent url(../_images/icon-animals.png) left 3px no-repeat; } #content .view-scholars-list .views-row ul li.university { background: transparent url(../_images/icon-university.png) left 3px no-repeat; } .section-about .imgCol img, .section-about .slide, .sepia { -webkit-filter: grayscale(100%) sepia(60%) contrast(60%); filter: grayscale(100%) sepia(60%) contrast(60%);} #page #main .fieldSection { padding: 45px 0 55px 0; } #page #main .fieldSection.viewRef .field-item.even { padding-bottom: 0px; } #page #main .fieldSection.viewRef .field-item.odd { padding: 55px 0 50px 0; background-color: #fff; } #page #main .fieldSection.grey { background-color: #ededeb; overflow:auto; } #page #main .fieldSection.white { background-color: #fff; } #page #main .fieldSection.gradient { background-color: #ecece9; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#ecece9)); background-image: -webkit-linear-gradient(top, #fdfdfd, #ecece9); background-image: -moz-linear-gradient(top, #fdfdfd, #ecece9); background-image: -ms-linear-gradient(top, #fdfdfd, #ecece9); background-image: -o-linear-gradient(top, #fdfdfd, #ecece9); overflow:auto; } #page #main .fieldSection.white .pageQuote.border { border-bottom: 1px solid #d8d8d2; padding-bottom: 50px; margin: 0px; border-right: 0px; overflow:visible;} .fieldSection.white + .fieldSection.white { padding-top: 0px !important; } .fieldSection.grey + .fieldSection.white { padding-top: 50px !important; } .fieldSection.grey + .fieldSection.grey { padding-top: 0px; } .fieldSection.grey + .fieldSection.grey { padding-top: 0px; } .fieldSection.white + .fieldSection.viewRef { padding-top: 0px !important; } .fieldSection.hpFeatured + .fieldSection.viewRef { padding-top: 0px !important; } #page #main p.highlight { background-color: transparent; font-size: 24px; line-height: 34px; } .section-wildlife-programs .twoColLeft { width: 50%; } .section-wildlife-programs .twoColRight { width: 40%; padding-left: 5%; } .section-wildlife-programs .twoColRight .mapHolder { margin-top: 5px; padding: 10px; -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow: 0px 0px 3px #aaa; box-shadow: 0px 0px 3px #aaa; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; behavior: url(/PIE.php); } .section-wildlife-programs .imgCol .bioPicHolder { padding: 10px; -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow: 0px 0px 3px #aaa; box-shadow: 0px 0px 3px #aaa; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 5px; behavior: url(/PIE.php); } .section-wildlife-programs .imgCol .bioPicHolder img { margin: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .section-wildlife-programs .twoColRight .mapHolder .field-name-field-location { border: 1px solid #414244; } .section-wildlife-programs .twoColRight .mapHolder p.mapLocation { background-color: #3a3e42; width: 100%; text-align: center; text-transform: uppercase; color: #fff !important; font-size: 14px; font-weight: 900 !important; display: block; margin: 0px !important; padding: 10px 0; } .twoColRight .donate { background-color: #fafaf9; -moz-box-shadow: 0px 0px 3px #aaa; -webkit-box-shadow: 0px 0px 3px #aaa; box-shadow: 0px 0px 3px #aaa; padding: 20px; text-align: center; width: 70%; margin: 0 auto; margin-top: 20px; } .twoColRight .donate #donationSelectors p { display: none; } .floatLeft {float: left; text-align: right; width: 30%; margin: 0 auto; } .floatCenter {float: none; text-align: center; width: 30%; margin: 0 auto; } .floatRight {float: right; text-align: left; width: 30%; margin: 0 auto; } /* PAGE QUOTES */ #page .pageQuote { padding: 0 0; } #page .pageQuote p { color: #2e2f30; font-size: 32px; text-align: center; font-weight: 300; padding: 0px; margin: 0px; line-height: 42px;} #page .pageQuote p a { color: #92985f; text-decoration: none; } #page .pageQuote p span.quoteAuthor { color: #92985f; } .front #page .pageQuote p { font-size: 42px; line-height: 55px; } #main { min-height: 300px; padding: 0px; width: 100%; } #main .panels-flexible-row-inside { width: 1080px; margin: 0 auto; } #page .node-update .twoColLeft { border-right: 1px solid #d8d8d2; margin-top: 55px; } #page .node-update .twoColLeft img { } #page .node-update .twoColLeft p:first-of-type {margin-top:1.5em;} #page p.photo-attribution, #page p.photo-credit {font-size:13px;text-align:right;font-style:italic;margin-top:0!important;line-height: initial;} #page .node-update .twoColRight { width: 27%; float: right; margin-top: 55px; } #page .node-update .twoColRight h5 { color: #8c8c89; font-size: 12px; text-decoration: uppercase; line-height: 14px; font-weight: 300; margin-bottom: 10px; } #page .node-update .twoColRight p { color: #2e2f30; font-size: 26px; margin-bottom: 50px; line-height: 32px;} #page .node-update .twoColRight p a.greenBox { background-color: #c8cbaf; border-color: #c8cbaf; padding: 10px; white-space: nowrap; } #page .node-update .twoColRight p a.greenBox:hover { background-color: #8C9067; border-color: #8C9067; } #page .node-update .twoColRight p.topics { line-height: 37px; } #page #content .node-update h1 { text-transform: none; color: #2e2f30; font-size: 42px; line-height: 52px; } #page .node-update .twoColRight p.social a { width: 30px; height: 30px; display: block; background-color: #d8d8d2; text-indent: -9999px; transition: background-color .3s; -moz-transition: background-color .3s; -webkit-transition: background-color .3s; -o-transition: background-color .3s; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; background-size: 25px 25px; background-position: center center; background-repeat: no-repeat; display: inline-block; margin-right: 5px; behavior: url(/PIE.php); } #page .node-update .twoColRight p.social a.facebook { background-image: url(../_images/icon-facebook-white.png); } #page .node-update .twoColRight p.social a.facebook:hover { background-color: #48649f; } #page .node-update .twoColRight p.social a.twitter { background-image: url(../_images/icon-twitter-white.png); } #page .node-update .twoColRight p.social a.twitter:hover { background-color: #00aaeb; } #page .node-update .cta {text-align: center;} #page .node-event .twoColLeft { border-right: 1px solid #d8d8d2; margin-top: 55px; } #page .node-event .twoColLeft img { margin: 10px 0 20px; } #page .node-event .twoColRight { width: 27%; float: right; margin-top: 55px; } #page .node-event .twoColRight h5 { color: #8c8c89; font-size: 12px; text-transform: uppercase; line-height: 14px; font-weight: 300; margin-bottom: 10px; } #page .node-event .twoColRight p { color: #2e2f30; font-size: 26px; margin-bottom: 50px; } #page .node-event .twoColRight p a.greenBox { background-color: #c8cbaf; border-color: #c8cbaf; padding: 10px; white-space: nowrap; } #page .node-event .twoColRight p a.greenBox:hover { background-color: #8C9067; border-color: #8C9067; } #page .node-event .twoColRight p.topics { line-height: 37px; } #page #content .node-event h1 { text-transform: none; color: #2e2f30; font-size: 42px; line-height: 52px; } #page .node-event .twoColRight p.social a { width: 30px; height: 30px; display: block; background-color: #d8d8d2; text-indent: -9999px; transition: background-color .3s; -moz-transition: background-color .3s; -webkit-transition: background-color .3s; -o-transition: background-color .3s; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; background-size: 25px 25px; background-position: center center; background-repeat: no-repeat; display: inline-block; margin-right: 5px; behavior: url(/PIE.php); } #page .node-event .twoColRight p.social a.facebook { background-image: url(../_images/icon-facebook-white.png); } #page .node-event .twoColRight p.social a.facebook:hover { background-color: #48649f; } #page .node-event .twoColRight p.social a.twitter { background-image: url(../_images/icon-twitter-white.png); } #page .node-event .twoColRight p.social a.twitter:hover { background-color: #00aaeb; } .page-node-94 .region-content { width: 1080px; margin: 0 auto; } .page-node-94 #block-system-main { float: right; display: inline; width: 30%; overflow: hidden; } .page-node-94 #block-system-main .fieldSection .inner { width: auto; } .page-node-94 #block-webform-client-block-105 { float: left; display: inline; width: 50%; margin: 55px 0; padding: 20px; -moz-box-shadow: 0px 0px 2px #aaa; -webkit-box-shadow: 0px 0px 2px #aaa; box-shadow: 0px 0px 2px #aaa; } form textarea { height: 125px; font-size: 16px; line-height: 24px; } .page-node-94 #block-webform-client-block-105 form .form-item-submitted-subject-select label { position: static !important; clip: auto; height: auto; } /* ADD TO WYSIWYG */ .templateRow { clear: left; width: 100%; min-height: 150px; overflow:visible; } .templateRow.wideRow { border-bottom: 1px solid #d8d8d2; padding-bottom: 45px; margin-bottom: 45px; } .section-wildlife-programs .templateRow { margin-bottom: 0px; } .templateRow .triCol { padding: 0 2%; width: 29%; float: left; display: inline; } .templateRow .triCol img { width: 100%; height: auto; } .templateRow .imgCol { float: left; display: inline; height: 100%; width: 30%; padding-right:3%; padding-top: 10px; } .templateRow .imgCol img { height: auto; width: 100%; max-width: 324px; display: block;} .templateRow .textCol { float: right; display: inline; height: 100%; width: 63%; padding-left: 3%; } .fieldSection img { margin-bottom: 10px; -moz-box-shadow: 0px 1px 1px #aaa; -webkit-box-shadow: 0px 1px 1px #aaa; box-shadow: 0px 1px 1px #aaa; -webkit-backface-visibility: hidden; } .fieldSection .field-name-field-range-map-image img { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .twoColLeft { float: left; display: inline; width: 65%; padding-right: 5%; } .twoColLeft h1 { font-size: 16px; color: #92985f; font-weight: 200; text-transform: uppercase; margin-bottom: 20px; } .twoColRight { float: left; display: inline; width: 30%; } #content .ticker { width: 75%; display: block; margin: 0 auto; text-align: center; display: block; } #content .ticker h3 { font-size: 120px; color: #92985f; font-weight: 900; line-height: 120px; margin: 0px; } #content .ticker sup { font-size: 60px; } #content .ticker p { font-size: 22px; line-height: 24px; } #content .tickerSep { background: transparent url(../_images/bg-ticker-sep.png) center center no-repeat; margin: 10px auto; height: 50px; width: 100%; background-size: 100% auto; } #content .pageQuote.tickers { margin: -20px 0 0 0; padding: 0px; } #content .pageQuote .ticker { width: 30%; display: block; margin: 0 auto; text-align: center; display: block; float: left; display: inline; } #content .pageQuote .ticker h3 { font-size: 120px; color: #92985f; font-weight: 900; line-height: 130px; } #content .pageQuote .tickerSep { background: transparent url(../_images/bg-ticker-sep.gif) 0 0 no-repeat; width: 4%; margin: 10px auto; float: left; display: inline; height: 80px; margin-top: 30px; } #content p { color: #414244; font-size: 16px; line-height: 24px; font-weight: 300; -webkit-backface-visibility: hidden; margin-bottom: 24px; } #content h2 { color: #2e2f30; font-size: 32px; line-height: 42px; font-weight: 300; font-style: normal; margin: 0; padding: 0; -webkit-backface-visibility: hidden; } #content h3 { color: #2e2f30; font-size: 28px; line-height: 40px; font-weight: 300; font-style: normal; margin:0; padding: 0; -webkit-backface-visibility: hidden; } #content h3 a { color: #2e2f30; } #content h3 a:hover { color: #8C9067; } #content h4 { font-size: 24px; line-height: 1.3; font-weight: lighter; font-style: normal; margin: 0 0 .25em; } #content ul { list-style-type: disc; margin: 0 0 24px 0; padding: 0 0 0 30px; list-style-position: outside; } #content ul li { color: #414244; font-size: 16px; line-height: 24px; font-weight: 300; -webkit-backface-visibility: hidden; } #content ul li a { color: #92985F; font-weight: normal; } #content ul li a:hover { color: #7D7E5A; } #content p a { color: #92985F; } #content p a:hover { color: #7D7E5A; } #content ul.arrows { list-style-type: none; margin: 0 0 15px 0; padding: 0px; } #content ul.arrows li { text-transform: uppercase; font-size: 16px; } #content ul.arrows li a { color: #92985F; font-weight: normal; display: inline-block; padding: 3px 15px 5px 0; background: transparent url(../_images/bg-dropdown-arrow.png) right 11px no-repeat !important; transition: color .1s, margin .1s, padding .1s; -moz-transition: color .1s, margin .1s, padding .1s; -webkit-transition: color .1s, margin .1s, padding .1s; -o-transition: color .1s, margin .1s, padding .1s; margin-right: 10px; } #content ul.arrows li a:hover { padding-left: 3px; padding-right: 15px; margin-right: 7px; color: #7D7E5A; } #content ul.pager { text-align: left; margin: 30px 0; padding: 0px; } #content ul.pager li { font-size: 26px; margin: 0px; } #content ul.pager li a { color: #aaa; font-weight: 300; } #content ul.pager li a:hover { color: #414244; } #content ul.pager li.pager-first, #content ul.pager li.pager-last { display: none; } #content .chosen-container ul.chosen-results { margin: 0px; padding: 0px; } #content .chosen-container ul.chosen-results li.highlighted { color: #fff; } a.greenOutline { border: 1px solid #8c9067; padding: 13px 20px; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #8c9067; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; line-height: 45px; white-space: nowrap; behavior: url(/PIE.php); } #content p a.greenOutline:hover { background-color: #8c9067; color: #fff; } a.greenBox { border: 1px solid #8c9067; padding: 13px 20px; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; background-color: #8c9067; color: #fff!important; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; line-height: 45px; white-space: nowrap; behavior: url(/PIE.php); } a.greenBox:hover { background-color: #7D7E5A; color: #fff; } a.orangeOutline { border: 1px solid #e08c39; padding: 13px 20px; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #e08c39; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; line-height: 45px; white-space: nowrap; behavior: url(/PIE.php); } #content p a.orangeOutline:hover { background-color: #e08c39; color: #fff; } a.orangeBox { border: 1px solid #e08c39; background-color: #e08c39; padding: 13px 20px; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #fff!important; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; line-height: 45px; white-space: nowrap; behavior: url(/PIE.php); } a.orangeBox:hover { background-color: #9F6328; color: #fff; } /* DONATION PAGE */ body.section-donate .form-wrapper .select-or-other-select div.form-item-line-item-fields-field-donation-amount-und-select:nth-child(n+5) { display: none; } body.section-donate .form-wrapper .select-or-other-select div.form-item-line-item-fields-field-donation-amount-und-select:last-child { display: block; } body.section-wild-alliance-donation .form-wrapper .select-or-other-select div.form-item-line-item-fields-field-donation-amount-und-select:nth-child(1), body.section-wild-alliance-donation .form-wrapper .select-or-other-select div.form-item-line-item-fields-field-donation-amount-und-select:nth-child(2), body.section-wild-alliance-donation .form-wrapper .select-or-other-select div.form-item-line-item-fields-field-donation-amount-und-select:nth-child(3) { position: absolute; top: -999em; } #page.donation, #page.checkout { background: #fff url(../_images/bg-topography.jpg) 0 0 repeat; } #page.donation #main, #page.checkout #main { margin-top: 64px; overflow:hidden; } #page.donation #content, #page.checkout #content { margin-top: 10px; } #page.donation .messages, #page.checkout .messages { margin-bottom: 20px; } #page.donation .region-content .block .content { background-color: #fff; padding: 5%; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc; margin-bottom: 50px; min-height: 307px; position: relative; overflow: hidden; } #page.donation .region-cart .block .content { background-color: #fff; padding: 5%; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc; margin-bottom: 50px; min-height: 370px; position: relative; overflow: hidden; } #page.donation .region-cart #block-commerce-cart-cart .content { height: auto; min-height: 0px; } #page.donation .commerce-product-title { font-size: 16px; font-weight: bold; } #page.donation .commerce-product-title div { display: none; } #page.donation .field-name-field-program-donation-name { font-size: 15px; font-weight: 300; } #page.donation .commerce-product-field-field-program-image { float: right; width: 35%; } #page.donation .commerce-product-field-field-program-image img { width: 100%; height: auto; } #page.donation .region-content article .field-name-field-donation { width: 40%; } #page.donation .region-content article .commerce-product-extra-field-title { float: right; clear: right; width: 35%; } #page.donation .region-content article .commerce-product-field-field-program-donation-name { float: right; clear: right; width: 35%; } #page.donation form.commerce-add-to-cart { width: 55%; position: absolute; top: 5%; left: 5%; } #page form.commerce-add-to-cart .form-item-line-item-fields-field-donation-amount-und-other input { background: #fff url(../_images/bg-dollar-amount.gif) 5px center no-repeat; padding-left: 20px; width: 70%; } #page form.commerce-add-to-cart .field-name-field-donation-amount label { display: none; } #page form.commerce-add-to-cart .select-or-other-select label { font-weight: bold; display: inline; } /*#page form.commerce-add-to-cart .field-name-field-donation-amount label { display: none; } #page form.commerce-add-to-cart #donationSelectors a { border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; text-decoration: none; text-transform: uppercase; margin: 0 10px 10px 10px; padding: 15px 35px; font-size: 12px; font-weight: bold; background-color: #92985f; cursor: pointer; display: inline-block; min-width: 50px; text-align: center; } #page form.commerce-add-to-cart #donationSelectors a:hover { background-color: #7d7e5a; }*/ #page.donation .view-commerce-cart-block .view-header { color: #48494b; font-size: 16px; margin-bottom: 5px; font-weight: 900; border-bottom: 1px solid #d1d1cf; padding-bottom: 15px; } #views-form-commerce-cart-block-default table thead { display: none; } #views-form-commerce-cart-block-default table tr td { border-bottom: 1px solid #d1d1cf; background-color: #fff; padding: 15px 0 10px; } #views-form-commerce-cart-block-default table tr td img { height: 70px; width: 70px; } #views-form-commerce-cart-block-default table tr td { font-size: 16px; font-weight: 300; padding: 15px 0 15px 15px; color: #414244; } #views-form-commerce-cart-block-default table tr td span { font-weight: bold; display: block; line-height: 16px; } #views-form-commerce-cart-block-default table tr td.views-field-commerce-total span { background-color: #f6f6f4; padding: 30px 15px 30px 30px; color: #414244; font-size: 16px; font-weight: bold; } #views-form-commerce-cart-block-default .line-item-total { font-size: 18px; padding: 10px 0 15px; } .view-commerce-cart-summary .line-item-total { font-size: 18px; padding: 10px 0 15px; } #main #checkoutRightCol .checkoutFAQ { background-color: #dadbd1; } #main #checkoutRightCol .checkoutFAQ dt a { color: #414244; font-size: 14px; font-weight: 200; padding-left: 10px; background: transparent url(../_images/bg-faq.gif) left 8px no-repeat; display: block; } #main #checkoutRightCol .checkoutFAQ dt a:hover { color: #000; } #main #checkoutRightCol .checkoutFAQ dd { font-size: 12px; margin: 10px; } #main #checkoutRightCol .checkoutCharity { text-align: center; } #main #checkoutRightCol .checkoutCharity p { margin-bottom: 5px; } #main #checkoutLeftCol .checkoutCharity {background:white; width:calc(50% - 33px); padding:12px; text-align:center; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc;} #main #checkoutLeftCol .checkoutCharity img {width:62%;} #main #checkoutRightCol .checkoutGive { position: relative; background: #959785 url(../_images/bg-ways-give.gif) center center no-repeat; background-size: cover; } #main #checkoutRightCol .checkoutGive h4 { color: #000; text-align: center; } #main #checkoutRightCol .checkoutGive a { display: block; color: #fff; font-weight: bold; background-color: #343431; padding: 10px 30px; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; text-transform: uppercase; } #main #checkoutRightCol .checkoutGive a:hover { background-color: #000; } #main #checkoutRightCol .checkoutGive p { text-align: center; margin-bottom: 5px; } #main #checkoutRightCol .checkoutGive hr { margin: 0px; background-color: #343431; width: 10%; text-align: center; height: 2px; margin: 10px auto; } #main #checkoutRightCol .checkoutGive ul { margin: 0 0 15px; padding: 0px; } #main #checkoutRightCol .checkoutGive ul li { color: #343431; list-style-type: none; font-size: 16px; text-align: center; font-weight: bold; line-height: 23px; } #main .checkoutPromo { text-align: center; background: #fff url(../_images/bg-give-confidence.gif) center center no-repeat!important; background-size: cover;} #main .checkoutPromo h4 { font-size: 30px; line-height: 36px; text-transform: none; } #main .checkoutPromo p { margin: 0 0 10px; font-size: 20px; line-height: 26px; font-weight: 900; } #main .checkoutPromo p a { color: #e08c39; font-size: 14px; line-height: 20px; font-weight: bold; text-transform: uppercase; } #main #checkoutRightCol .checkoutPromo p a:hover { color: #e08c39; text-decoration: underline; } #main #checkoutRightCol img, #main .checkoutPromo img { margin: 10px auto; } #main #checkoutRightCol h4, #main .checkoutPromo h4 { font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: 900; margin: 0 0 5px; } #main #checkoutRightCol ul, #main .checkoutPromo ul { margin: 0px inherit; } #main #checkoutRightCol p, #main #checkoutRightCol ul li, #main .checkoutPromo p, #main .checkoutPromo ul li { font-size: 14px; line-height: 18px; } /* CHECKOUT PAGE */ /* .page-checkout-complete .region-content { background-color: #fff; padding: 5%; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc; } */ .page-checkout-complete #main #checkoutLeftCol { width: 100%; } .page-checkout-complete #main #checkoutRightCol { display: none; } #main #checkoutLeftCol { width: 62%; float: left; display: inline; } #main #checkoutRightCol { width: 30%; float: right; display: inline; } #main #checkoutRightCol div { padding: 20px; background-color: #fff; margin-bottom: 30px; } #commerce-checkout-form-checkout fieldset { border: none; padding: 0px; margin-bottom: 50px; } #commerce-checkout-form-checkout fieldset legend { color: #2e2f30; font-size: 26px; margin-bottom: 5px; font-weight: 900; } #commerce-checkout-form-checkout .fieldset-wrapper { background-color: #fff; padding: 5%; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc; } #commerce-checkout-form-checkout .cart_contents table thead { display: none; } #commerce-checkout-form-checkout .cart_contents table tr td { border-bottom: 1px solid #d1d1cf; background-color: #fff; padding: 15px 0 10px; } #commerce-checkout-form-checkout .cart_contents table tr td img { height: 70px; width: 70px; } #commerce-checkout-form-checkout .cart_contents .view-header { color: #48494b; font-size: 16px; margin-bottom: 5px; font-weight: 900; border-bottom: 1px solid #d1d1cf; padding-bottom: 15px; } #commerce-checkout-form-checkout .cart_contents table tr td.views-field-line-item-title { font-size: 16px; font-weight: bold; padding: 15px; color: #414244; } #commerce-checkout-form-checkout .cart_contents table tr td.views-field-line-item-title span { font-weight: 300; display: block; line-height: 16px; } #commerce-checkout-form-checkout .cart_contents table tr td.views-field-commerce-total span { background-color: #f6f6f4; width: 100%; padding: 30px 15px 30px 30px; color: #414244; font-size: 16px; font-weight: bold; } #commerce-checkout-form-checkout .commerce_payment .fieldset-wrapper { padding-top: 0px; } #commerce-checkout-form-checkout fieldset.customer_profile_billing { margin-bottom: 0px; } #commerce-checkout-form-checkout fieldset #edit-commerce-payment-payment-method { display: none; } #commerce-checkout-form-checkout fieldset .form-item-commerce-payment-payment-details-credit-card-credit-card-type { margin-top: 0px; } #page form label { font-size: 16px; color: #2E2F30; font-weight: 200; } #page form input.form-text { font-size: 16px; border: 1px solid #d1d1cf; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; behavior: url(/PIE.php); position: relative; } #page form input.form-text.error { border: 1px solid red; } div.chosen-container.error { background-image: none; } #commerce-checkout-form-checkout #addressfield-wrapper .form-type-textfield label { display: none; } #commerce-checkout-form-checkout .form-select { font-size: 16px; } #commerce-checkout-form-checkout #edit-donation-details-dedication { margin-bottom: 0px; } #commerce-checkout-form-checkout #edit-donation-details-dedication .fieldset-wrapper { padding: 10px 5%; background-color: #fbfbfb; border: 1px solid #d4d4d2; box-shadow: none !important; } #commerce-checkout-form-checkout .form-type-textfield.form-item-commerce-payment-payment-details-credit-card-credit-card-code label { display: block; } #commerce-checkout-form-checkout .commerce-credit-card-expiration .chosen-container, #commerce-checkout-form-checkout .commerce-credit-card-expiration select { width: 100px !important; } #commerce-checkout-form-checkout div.addressfield-container-inline > div.form-item { float: none; margin-right: 0px; } form#commerce-checkout-form-checkout input.form-submit { font-size: 12px; } .commerce-order-handler-area-order-total .commerce-price-formatted-components { width: 75%; } .commerce-order-handler-area-order-total .commerce-price-formatted-components tr { border-bottom: none !important; font-size: 18px !important; } .commerce-order-handler-area-order-total .commerce-price-formatted-components tr td { border-bottom: none !important; font-size: 18px !important; text-align: right; } .commerce-order-handler-area-order-total .commerce-price-formatted-components tr td.component-title { display: none; } #commerce-checkout-form-checkout .form-item-donation-details-custom-recurring .form-radios { border-bottom: 1px solid #d1d1cf; width: 100%; min-height: 45px; } #commerce-checkout-form-checkout .form-item-donation-details-custom-recurring .form-item { width: 20%; margin-right: 5%; float: left; display: inline; } /* NEW CHECKOUT STYLING FOR EOYFC */ body.page-checkout-complete #page.checkout {background-image:none} body.page-checkout-complete #page.checkout #main {margin-top:0} body.page-checkout-complete .page-checkout-complete .region-content {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;padding:0} body.page-checkout-complete #page.checkout .slide {position:relative; background-image:url('/sites/default/files/thank_you_hero.jpg'); background-size:cover; background-position:center bottom; padding: 20% 0 26.25%; width:100%; margin-top:40px; margin-bottom:3em;} body.page-checkout-complete #page.checkout .slide h1 {color:white; text-align: center; font-weight: bold; float: none;} body.page-checkout-complete #page.checkout div.social {position: absolute; bottom: 3em; width:100%;} body.page-checkout-complete #page.checkout span.button {background:white;border-radius:4px; margin:auto .5em; padding:6px 10px 7px; vertical-align: middle;} body.page-checkout-complete #page.checkout span.button img {width:16px; height:auto; vertical-align: middle; margin-right:5px} body.page-checkout-complete #page.checkout span.button span {vertical-align: middle;} body.page-checkout-complete #page.checkout span.button:hover {cursor:pointer; } body.page-checkout-complete #page.checkout span.button:active {position:relative; top:1px; left:1px; cursor:pointer; } body.page-checkout-complete #page.checkout div.receipt {text-align:center;margin-bottom:3em;} /* FOOTER AND INVOLVE FORM */ #main form input.form-submit { border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #7d7e5a; padding: 3px 8px; font-size: 12px; font-weight: bold; background-color: #92985f; cursor: pointer; position: relative; } #main form input.form-submit:hover { background-color: #7D7E5A !important; } #footer { background-color: #2e2f30; height: 375px; overflow: hidden; width: 100%; } #footer #involve { background-color: #414243; height: 109px; position: relative; } #footer #involve .inner { background: transparent url(../_images/bg-footer-involve.gif) 700px top no-repeat; height: 100%; } #footer #involve form#mc-embedded-subscribe-form { position: absolute; left: 0px; top: 32px; margin: 0px; width: 545px; } #footer #involve form#mc-embedded-subscribe-form input.text, form.newsletter input.text { border: none; font-size: 14px; height: 40px; width: 380px; padding: 3px 7px; margin: 0px; position: relative; z-index: 3; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } input.submitEmail { position: absolute; z-index: 2; top: 0px; right: 0px; border: none; display: inline-block; padding: 14px 40px 13px 70px; font-size: 14px; color: #fff; text-decoration: none; font-weight: 900; text-transform: uppercase; border-bottom: 2px solid #7d7e5a; background-image: url(../_images/bg-email-letter.png); background-repeat: no-repeat; background-position: 45px center; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; transition: .1s; -moz-transition: .1s; -webkit-transition: .1s; -o-transition: .1s; background-color: #92985f; cursor: pointer; margin: 0px; height: 46px; } input.submitEmail:hover { background-color: #7d7e5a; } #footer #involve p.support { position: absolute; font-size: 14px; color: #fff; right: 200px; top: 46px; text-transform: uppercase; font-weight: bold; } #footer #involve a.donateButton { position: absolute; right: 0px; top: 32px; padding: 13px 55px 13px 65px; background-position: 44px 17px; } #footer ul { list-style-type: none; padding: 0px; margin: 0px; width: 100%; position: absolute; left: 0px; } ul.socialNav { list-style-type: none; padding: 0px; margin: 0px; } #footer ul li, ul.socialNav li { float: left; display: inline-block; margin-right: 30px; } #footer ul li a, ul.socialNav li a { font-size: 14px; color: #c2c3b4; display: block; text-decoration: none; font-weight: 300; text-transform: uppercase; transition: color .3s; -moz-transition: color .3s; -webkit-transition: color .3s; -o-transition: color .3s; } #footer ul li a:hover, ul.socialNav li a:hover { color: #fff; } #footer ul.mainNav { top: 43px; } #footer .menu-name-main-menu ul { top: 43px; left: 73px; width: 90%; } #footer .menu-name-main-menu ul li { margin-bottom: 0px; padding: 0px; } ul.socialNav { top: 92px; width: 225px; overflow: hidden; } ul.socialNav li { margin-right: 12px!important; } ul.socialNav li a { width: 30px; height: 30px; background-color: #979798; text-indent: -9999px; transition: background-color .3s; -moz-transition: background-color .3s; -webkit-transition: background-color .3s; -o-transition: background-color .3s; border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; background-size: 25px 25px; background-position: center center; background-repeat: no-repeat; behavior: url(/PIE.php); position: relative; } ul.socialNav li.facebook a { background-image: url(../_images/icon-facebook.png); } ul.socialNav li.facebook a:hover { background-color: #48649f; } ul.socialNav li.twitter a { background-image: url(../_images/icon-twitter.png); } ul.socialNav li.twitter a:hover { background-color: #00aaeb; } ul.socialNav li.vimeo a { background-image: url(../_images/icon-vimeo.png); } ul.socialNav li.vimeo a:hover { background-color: #3ecbfc; } ul.socialNav li.youtube a { background-image: url(../_images/icon-youtube.png); } ul.socialNav li.youtube a:hover { background-color: #e52d27; } ul.socialNav li.rss a { background-image: url(../_images/icon-rss.png); } ul.socialNav li.rss a:hover { background-color: #e08c39; } #footer .contextual-links-wrapper { display: none; } #footer ul.auxNav { top: 95px; left: 214px; width: 300px; } #footer ul.auxNav li a { font-weight: 400; color: #fff; } #footer ul.auxNav li a:hover { color: #c2c3b4; } #footer ul.creditsNav { top: 160px; border-top: 1px solid #232324; width: 715px; padding-top: 36px; } #footer ul.creditsNav li a { color: #fff; text-transform: none; } #footer ul.creditsNav li a:hover { color: #c2c3b4; } #footer a.charityNav { position: absolute; right: 0px; top: 85px; height: 149px; width: 114px; display: block; background-image: url(../_images/logo-charity-nav.jpg); background-size: 114px 149px; } #footer .cnText { position: absolute; top: 45px; right: 0px; font-size: 11px; line-height: 15px; text-align: right; } #footer .cnText a { color: #fff; } #footer .cnText a:hover { color: #fff; text-decoration: underline; } /* BUTTONS */ a.donateButton { display: block; padding: 10px 45px 10px 60px; font-size: 14px; color: #fff; text-decoration: none; font-weight: 900; text-transform: uppercase; border-bottom: 2px solid #9f6328; background-image: url(../_images/bg-donate-globe.png); background-repeat: no-repeat; background-position: 40px 14px; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e08c39; width: 55px; behavior: url(/PIE.php); position: relative; } a.donateButton:hover { border-bottom: 1px solid #9f6328; margin-top: 1px; } a.donateButton:active { border-bottom: 0px solid #9f6328; margin-top: 2px; } #main #views-form-commerce-cart-block-default ul { margin: 0px; } #main #views-form-commerce-cart-block-default li.checkout a { display: inline-block; padding: 13px 55px 13px 55px; font-size: 12px; color: #fff; text-decoration: none; font-weight: 900; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e08c39; border: none; behavior: url(/PIE.php); position: relative; } #main #views-form-commerce-cart-block-default li.checkout a:hover { background-color: #9f6328 !important; } #main #views-form-commerce-cart-block-default li.checkout a.disable-me { opacity: .4; cursor: default; background-color: #e08c39 !important; } #main #views-form-commerce-cart-block-default #operational-costs { border-top: 1px solid #d1d1cf; padding: 30px 0; } #main #views-form-commerce-cart-block-default #operational-costs h2 { font-size: 16px; line-height: 26px; font-weight: bold; } #main #views-form-commerce-cart-block-default #operational-costs p { font-size: 14px; line-height: 20px; } #main #views-form-commerce-cart-block-default #operational-costs .oc-extra-text { display: none; } #main #views-form-commerce-cart-block-default #operational-costs input { display: inline-block; margin-right: 10px; } #main #views-form-commerce-cart-block-default #operational-costs label { display: inline; } #main form.commerce-add-to-cart input.form-submit { display: block; padding: 13px 55px 13px 55px; font-size: 12px; color: #fff; text-decoration: none; font-weight: 900; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e08c39; border: none; behavior: url(/PIE.php); position: relative; } #main form.commerce-add-to-cart input.form-submit:hover { background-color: #9f6328 !important; } #main form#commerce-checkout-form-checkout input.form-submit { display: block; padding: 13px 55px 13px 55px; font-size: 12px; color: #fff; text-decoration: none; font-weight: 900; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e08c39; border: none; behavior: url(/PIE.php); position: relative; } #main form#commerce-checkout-form-checkout input.form-submit:hover { background-color: #9f6328 !important; } #main input.form-radio { margin-top: -3px; } .chosen-container { margin: 8px 0; } .chosen-container-single .chosen-single { font-size: 16px; padding: 5px 5px 5px 8px; } .chosen-container-single .chosen-single div b { margin-top: 5px !important; } .triColImg {width:30%; width:calc(33% - 16px); height:auto; margin:8px;} /* LIGHTBOX */ #imageDataContainer {vertical-align:middle;} #imageDataContainer, #imageDataContainer #imageData, #imageDataContainer #imageData div {height: auto;} #imageDataContainer #caption {padding:10px; font-size:13px; font-weight:normal; font-style:italic;} a#bottomNavClose { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; margin-top:0} #bottomNavZoom { background-image: url(../_images/expand.gif); left: 0; } #bottomNavZoomOut { background-image: url(../_images/contract.gif); left: 0; } /* C&P Connect widget */ .embed-container { position: relative; padding-bottom: 0; height: 0; overflow: visible; width:100%; max-width: 600px; height: 35em; margin:0 auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* HIDE LRF, BLACK RHINO, PANGOLIN, SAOLA, SAVE PANGOLINS, GIRAFFE PROGRAMS ON THE DONATE PAGE */ body.section-donate li.active-result[data-option-array-index='23'], body.section-donate li.active-result[data-option-array-index='24'], body.section-donate li.active-result[data-option-array-index='25'], body.section-donate li.active-result[data-option-array-index='26'], body.section-donate li.active-result[data-option-array-index='27'], body.section-donate li.active-result[data-option-array-index='28'] {display: none !important;} body.section-donate li.result-selected[data-option-array-index='23'], body.section-donate li.result-selected[data-option-array-index='24'], body.section-donate li.result-selected[data-option-array-index='25'], body.section-donate li.result-selected[data-option-array-index='26'], body.section-donate li.result-selected[data-option-array-index='27'], body.section-donate li.result-selected[data-option-array-index='28'] {display: block !important;} /* End Of Year Fundraising Campaign EOYFC */ body.section-welcome > header#header li.getinvolved, body.section-welcome > div#mainNav, body.section-welcome > header#header #involveNav, body.section-welcome > header#header a.btnMobileNav, body.section-welcome > footer#footer {display:none!important} body.section-welcome #header #logo a:after {content:href('#')} body.section-welcome > header#header div.inner { margin:0!important } body.section-welcome > header#header { position:initial; } body.section-welcome div#headerDonate { position: fixed; right:2em; top:1.5em; z-index:9 } body.section-welcome div#headerDonate a.orangeBox { padding:1em 1.5em; } body.section-welcome #page .region-headline, body.section-welcome #page #main .fieldSection {position: relative; z-index:10; overflow:hidden;} body.section-welcome #page #main .fieldSection.black {position: initial; z-index:0; padding:0!important; background:black;} body.section-welcome .fieldSection.black img { margin:0; } body.section-welcome > div#page {padding:0!important} body.section-welcome div.fieldSection p:last-child {margin-bottom:0!important} body.section-welcome #page .region-headline { height: auto; } body.section-welcome #page .region-headline div.slide { height:500px; background-position:bottom left; } body.section-welcome.page-node-399 #page .region-headline div.slide { height:450px; background-position:bottom center; } body.section-welcome #page .region-headline .slide .slideText { position:relative; left:initial; } body.section-welcome.page-node-399 #page .region-headline .slide .slideText { position:absolute; left: 5%; right:5%; } body.section-welcome #page .region-headline .slide .slideText h1 {background-color:transparent; text-align:center; font-weight:bold; float:none; } body.section-welcome img { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none } body.section-welcome.page-node-400 #page .region-headline .slide .slideText {top:27%; left:33%; width:60%} body.section-welcome #page .region-headline .slide .slideText h1.checkbox {color:white!important; font-size:30px!important ;font-weight:300!important; text-align:left!important ;margin:0 0 0 30px!important; padding:0!important; text-indent:-38px; } body.section-welcome p.larger {font-size:20px!important; line-height:30px!important;} body.section-welcome p.quote {font-size:24px!important; line-height:34px!important; font-style:italic; text-indent:-.27em;} body.section-welcome .quote_author_image {float:right; margin-left:3em;} body.section-welcome .fieldSection.topography { background: #fff url(/sites/all/themes/wcn/_images/bg-topography.jpg) 0 0 repeat; } body.section-welcome .charityLeft { position:relative; left:-57px; width:62%; float:left; padding-right:0; } body.section-welcome .charityRight { width:38%; float:right} body.section-welcome .charityLeft img, body.section-welcome .charityRight img {width:100%; max-width:100%; } body.section-welcome #mc_embed_signup_scroll { width: 540px; margin: 0 auto; } body.section-welcome input#mce-EMAIL { border: 2px solid #92985f; border-bottom: 2px solid #7d7e5a; font-size: 14px; height: 46px; width: 414px; padding: 3px 7px; margin: 0px; position: relative; left:5px; z-index: 3; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; float:left; font-family: 'Lato', sans-serif; } body.section-welcome input.submitEmail { position:relative; left:-5px; font-weight:normal; background-image: none; padding: 14px 40px 13px 40px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; float:right; font-family: 'Lato', sans-serif;} body.section-welcome div.donationModelLower { background:white; margin-top:0; } body.section-welcome div#footer {height:auto; background:transparent;} body.section-welcome div#footer ul.socialNav { position:initial; float:right; margin-right:2em; width: 168px; } /* EDITOR */ body > div#page .tabs { background: transparent; padding: 0; } body > div#page > div.tabs { position: fixed; top: 146px; left: 10px; width:150px; z-index: 99; } body > div#page > div.tabs > ul.tabs > li > a {border: 1px solid white !important;}