/*** DEFAULTS ***/ body.wsite-mobile { background-color:#303030 !important; } .wsite-mobile h2 { font-family:'Kaushan Script', 'Georgia', serif !important; font-size:28px !important; font-weight:normal !important; } .wsite-mobile div.paragraph, .wsite-mobile blockquote { font-family:'Source Sans Pro', 'Arial', sans-serif !important; font-size:14px !important; } .wsite-mobile div.paragraph ul { padding-left:1.5em !important; text-align:left !important; } .wsite-mobile div.paragraph li { padding-left:0 !important; } .wsite-mobile .wsite-headline-paragraph { font-family:'Source Sans Pro', 'Arial', sans-serif !important; } /*** CUSTOM ELEMENTS ***/ .wsite-mobile img[alt="Clipboard Graphic"] { display:inline !important; } .wsite-mobile a[href*="pdf#"], .wsite-mobile a[href*="#pdf"] { background:url(bullet-pdf.png) no-repeat 0px 0px !important; padding-left:21px; /*color:#940F1C !important;/**/ } .wsite-mobile a[href*="swf#"], .wsite-mobile a[href*="#swf"] { background:url(bullet-swf.png) no-repeat 0px 0px !important; padding-left:21px; /*color:#940F1C !important;/**/ } .wsite-mobile a[href*="ppt#"], .wsite-mobile a[href*="#ppt"] { background:url(bullet-ppt.png) no-repeat 0px 0px !important; padding-left:21px; /*color:#C13800 !important;/**/ } .wsite-mobile .wsite-map { background:#fff; padding:8px 8px 0px 8px; border-radius:4px; border-top:1px solid #ccc; border-right:2px solid #999; border-bottom:2px solid #999; border-left:1px solid #ccc; } .wsite-mobile iframe.google-folder-view { width:99%; border:0; background:transparent; } .wsite-mobile iframe[src*='google.com/calendar'] { border:1px solid #ccc !important; border-radius:10px !important; padding:20px !important; background-color:#fff !important; } .wsite-mobile .envirothon-video { margin:0; background:#eee; padding:11px; border-radius:5px; border-top:1px solid #ccc; border-right:2px solid #999; border-bottom:2px solid #999; border-left:1px solid #ccc; } .wsite-mobile .envirothon-video._480x270 { width:480px; height:270px; } .wsite-mobile .envirothon-video._320x180 { width:320px; height:180px; } /*** HEADER ***/ .wsite-mobile #header { background:#515A3B url('body-bg.jpg') fixed !important;/**/ border:0; padding:9px 0 !important; } .wsite-menu-button { height:100% !important; top:0 !important; padding:24px 20px 10px 10px !important; } .wsite-menu-button-bars { top:0 !important; } .wsite-menu-button-bar { width:20px !important; height:3px !important; margin:4px 0 2px 0 !important; background-color: #fff !important; } .wsite-mobile #wsite-title { display:block !important; padding:12px 0px 12px 36px !important; color:#fff !important; /*color:#0F6A38 !important;/**/ } .wsite-mobile #header h1 { margin:0 !important; padding:0 !important; font-family:'Kaushan Script', 'Georgia', serif !important; font-weight:normal !important; font-size:28px; color:#fff !important; text-shadow: 2px 2px 1px #333 !important; } /*** MOBILE MENU ***/ .wsite-menu-wrapper { background-color:#333 !important; } .wsite-mobile #search .wsite-search { background-color:transparent !important; } .wsite-mobile-menu li { background:#242321 url('footer-bg.png') repeat !important; } .wsite-mobile-menu li a { background:transparent !important; border-top:1px solid #333 !important; border-bottom:1px solid #222 !important; padding-top:14px !important; padding-bottom:14px !important; font-family:'Patrick Hand', 'Arial', sans-serif !important; font-size:18px !important; font-weight:normal !important; text-align:left !important; color:#fff !important; } .wsite-mobile-menu li a:active { background:#111 !important; } .wsite-mobile-menu #active .wsite-menu-item { background:#111 !important; color:#DA8044 !important; } .wsite-mobile .wsite-phone { font-family:'Patrick Hand', 'Arial', sans-serif !important; font-size:22px !important; color:#d5d5d5 !important; letter-spacing:1px !important; line-height:1.5 !important; } /*** LANDING AREA ***/ #landing-bg { position:static !important; z-index:auto !important; background:#242321 url('footer-bg.png') repeat !important; background-size:auto !important; } #landing-bg .landing-container { position:static !important; z-index:auto !important; top:auto !important; margin:0 !important; border-radius:0 !important; border:0 !important; padding:20px 10px !important; background:transparent !important; box-shadow:none !important; } #landing-bg .wsite-text { font-size:1.3em !important; color:#d5d5d5 !important; } /*** CONTENT ***/ .wsite-mobile #content-wrapper { padding-top:9px !important; /*background-color:!important;/**/ background:#DEDEDE url('divider-wood-color.jpg') repeat-x top !important; } .wsite-mobile #content { padding-top: 10px !important; background: url('_mobile_content-background_top.png') repeat-x top !important; } .wsite-mobile #content h2 { margin:0 !important; padding:0.3em 0 !important; line-height:1.2 !important; color:#595b5e !important; } .wsite-mobile #wsite-content { padding-bottom:30px !important; background: url('_mobile_content-background_bottom.png') repeat-x center bottom -1px !important; } font strong u { display:block; margin:0; margin-bottom:-10px; padding:1px; text-decoration:none; border-bottom:1px solid #CCC; } /*** BUTTONS ***/ .wsite-mobile .wsite-button-inner { /*background:;/**/ } .wsite-mobile .wsite-button-inner { color:#fff !important; } /*** FOOTER ***/ .wsite-mobile #footer { background:#303030 url('footer-bg.png') repeat fixed !important; } .wsite-mobile #footer img[alt="New Jersey Envirothon Logo"] { position:absolute !important; top:50% !important; left:50% !important; margin:250px 0 0 -96px !important; } .wsite-mobile #footer ul { margin:0 !important; padding:0 !important; } .wsite-mobile #footer li { list-style:none !important; text-align:center; } .wsite-mobile-footer { border:0 !important; padding:20px 5px 0 5px !important; background:url('divider-wood-grey.jpg') repeat-x top !important; } .wsite-mobile #footer div { background:transparent; font-size:16px !important; color:#d5d5d5 !important; text-align:center !important; } .wsite-mobile #footer h1, .wsite-mobile #footer h2 { font-family:"Source Sans Pro" !important; font-size:18px !important; font-weight:bold !important; color:#d5d5d5 !important; line-height:8px !important; text-align:center !important; } .wsite-mobile #footer a { color:#a6b988 !important; } .wsite-mobile #footer a:hover { color:#839b5c !important; } .wsite-mobile #footer hr, .wsite-mobile #footer hr.styled-hr { background-color:#222 !important; } .wsite-footer-version { padding-bottom:30px !important; text-shadow:none !important; }