/****** FILE: themes/wbwd1/css/reset.css *****/ /* This reset is loosely derived from HTML5 boilerplate for more information visit http://html5boilerplate.com/ */ /* Every browser has its own default ‘user agent’ stylesheet, that it uses to make unstyled websites appear more legible. Using a CSS Reset, CSS authors can force every browser to have all its styles reset to null, thus avoiding cross-browser differences as much as possible. From the consistent base that you’ve set up via your reset, you can then go on to re-style your document, safe in the knowledge that the browsers’ differences in their default rendering of HTML can’t touch you! */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} html{overflow-y:scroll;} body{-webkit-text-size-adjust:none;} .clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; } .clear:after {clear:both;} .clear{zoom:1;} sub, sup{font-size:75%; line-height:0; position:relative;} sup{top:-0.5em;} sub{bottom:-0.25em;} pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;} textarea {overflow:auto;} .ie6 legend, .ie7 legend {margin-left:-7px;} input[type="radio"], input.radio {vertical-align:text-bottom;} input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;} .ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;} .ie6 input {vertical-align: text-bottom;} label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;} button, input, select, textarea {margin:0;} /* .checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;} */ button {width:auto; overflow:visible;} .ie7 img {-ms-interpolation-mode: bicubic;} .ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; } .hidden {display:none; visibility:hidden; } .visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;} .invisible {visibility:hidden;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;} ins {background-color:#ff9; color:#000; text-decoration:none;} mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del {text-decoration: line-through; } abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;} input, select {vertical-align:middle;} a:hover, a:active {outline: none;} .content ul, .content ol {margin-left:2em;} ol {list-style-type:decimal;} ul li {list-style-type:none;} nav ul, nav li {margin:0; list-style:none; list-style-image:none;} strong, b, th {font-weight:bold;} /****** FILE: themes/wbwd1/css/layout.css *****/ /* Main CSS file for Micro Package template. CSS reset is already done at this stage. Black / Silver theme colours are at the bottom of this file, other theme colours are stored in their relative css files eg "bluegold.css" If you want to edit the tinymce styles, it's in 2 parts - the front end styles are in here and the editor styles are in editor.css */ /* Main tags */ html, body { height: 100%; } body { font-family: 'Open Sans', sans-serif; /* background:#121212; */ background: url(/themes/wbwd1/images/bg_photo3.jpg) repeat-x top #987645; background-attachment: fixed; background-size:100% auto; } h1 { font-size: 22px; padding: 2% 0px 1% 0px; color:#014d20; } @media screen and (max-width: 640px) { h1 { font-size: 20px; } } h2 { padding: 2% 0px 1% 0px; font-size: 16px; color:#853a02; font-weight: bold; } h3 { padding: 2% 0px 1% 0px; font-size: 14px; } .pagecontent h3 { font-weight: bold; } h4 { padding: 2% 0px 1% 0px; font-size: 13px; } h5 { padding: 2% 0px 1% 0px; } h6 { padding: 2% 0px 1% 0px; } p { font-size: 14px; line-height: 150%; padding: 1% 0%; } a { text-decoration:none; outline: none; color:#333;} a.trans { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover { text-shadow: 1px 1px 2px rgba(0,0,0,0.1); } a:active { color:#000; } a:visited { color:#333; } em { font-style: italic; } strong { font-weight: 700; } .pagecontent ol, .slider ol { margin-bottom: 20px; } .pagecontent ol li, .pagecontent ul li, .slider ol li, .slider ul li, .infoblock li { margin-left:20px; font-size: 14px; line-height: 25px; padding-left: 5px; } .pagecontent ul li, .slider ul li, .infoblock ul li { list-style-image: url(/themes/wbwd1/images/icon-ulli.png); } .pagecontent a, .layoutthree a, .layoutone a, .layouttwo a { text-decoration: underline; } blockquote { padding:1% 3%; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); border-radius: 5px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); } .pagecontent img { max-width: 100%; height:auto; } .pagecontent img.photostyle, .pagecontent .photostyle img { box-shadow: 0px 2px 4px rgba(0,0,0,0.4); border-radius: 5px; border: 3px solid #fff; } .pagecontent td { padding:5px 10px;font-size: 14px; line-height: 22px; vertical-align: middle; } .pagecontent td.valignmiddle { vertical-align: middle; } .pagecontent tr+tr td { border-top:1px solid #e3e3e3; } .pagecontent td.center { text-align: center; } .pagecontent tr:nth-child(even) td { background: #f3f3f3; } .pagecontent tr:nth-child(odd) td { background: #fff; } .pagecontent tr.borderbottom td { border-bottom:1px solid #ccc; } .pagecontent tr.bordertop td { border-top:1px solid #ccc; } img.leftAlone { display: block; margin-bottom: 10px; } img.center { display: block; margin: 0px auto 10px auto; } img.left { float: left; margin:0px 30px 10px 0px; } .photostyle img.left { float:none; margin:0px; } img.right { float: right; margin: 0px 0px 10px 30px; } .pagecontent td.center img.left, .pagecontent td.center img.right { float:none; margin:0px auto; } @media screen and (max-width: 640px) { table { max-width: 100%; } td { width:auto!important; } } .pagecontent a[href$=".pdf"], .pagecontent a[href$=".PDF"] { padding-left: 20px; background: url(/themes/wbwd1/images/icon-pdf.png) left no-repeat; } .pagecontent a[href$=".xls"], .pagecontent a[href$=".XLS"], .pagecontent a[href$=".xlsx"], .pagecontent a[href$=".XLSX"] { padding-left: 20px; background: url(/themes/wbwd1/images/icon-excel.png) left no-repeat; } .pagecontent a[href$=".DOC"], .pagecontent a[href$=".doc"], .pagecontent a[href$=".docx"], .pagecontent a[href$=".DOCX"], { padding-left: 20px; background: url(/themes/wbwd1/images/icon-word.png) left no-repeat; } .pagecontent a[href$=".zip"], .pagecontent a[href$=".ZIP"], .pagecontent a[href$=".rar"], .pagecontent a[href$=".RAR"], { padding-left: 20px; background: url(/themes/wbwd1/images/icon-zip.png) left no-repeat; } .pagecontent a[href$=".EXE"], .pagecontent a[href$=".exe"] { padding-left: 20px; background: url(/themes/wbwd1/images/icon-application.png) left no-repeat; } .callout { padding:1% 3%; border-radius: 10px; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); color:#fff; background: rgb(1,75,32); background: -moz-linear-gradient(top, rgba(1,75,32,1) 1%, rgba(0,50,21,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(1,75,32,1)), color-stop(100%,rgba(0,50,21,1))); background: -webkit-linear-gradient(top, rgba(1,75,32,1) 1%,rgba(0,50,21,1) 100%); background: -o-linear-gradient(top, rgba(1,75,32,1) 1%,rgba(0,50,21,1) 100%); background: -ms-linear-gradient(top, rgba(1,75,32,1) 1%,rgba(0,50,21,1) 100%); background: linear-gradient(to bottom, rgba(1,75,32,1) 1%,rgba(0,50,21,1) 100%); } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6, .callout p { color: #fff; } .callout a { color: #ccc; } /* Wrappers */ .wrapper { width: 96%; max-width: 930px; margin: 0px auto; } #headerwrap { height:75px; } #heightwrap { min-height: 700px; overflow: hidden; } #headerwrap .wrapper { padding: 0% 2% 0% 2%; /* background: url(/themes/wbwd1/images/siteheader.png) no-repeat left; */ margin:0px auto; } #sitebox { border-radius: 6px; box-shadow: 0px 2px 10px 3px rgba(0,0,0,0.3); width: 96%; max-width: 930px; margin:0px auto; } #midwrap { position: relative; z-index: 2; border-radius: 6px; background: #fff; padding-bottom: 6px; margin-bottom: 20px; } #midwrap nav { } #midwrap .wrapper { padding: 0px 2%; background:#fff; width: auto; overflow: hidden; } #midwrap .wrapper section { padding: 2% 0px; } #topwrap { /* background:url(/themes/wbwd1/images/headerbarbg.png) repeat-x top #666; */ background: #eee; position: relative; } #topwrap .wrapper { padding: 1% 20% 1% 1%; background:none; } .breadcrumbs { /* min-height: 50px; line-height: 50px; */ } .breadcrumbs h1 { font-size: 17px; padding:0px; color:#000; } .breadcrumbs h1 a { color: #555; text-transform: uppercase; font-size: 13px; } .breadcrumbs h1 a:hover { color: #000; } .breadcrumbs h1 span { margin: 0px 10px; color:#777; } .pagecontent { padding: 2% 0px; } #footerwrap { border-top:1px solid #777; box-shadow: 0px -1px 5px #121212; background: #121212; } #footerwrap .wrapper { padding: 0px 2% 40px 2%; /* margin-bottom: 20px; */ background: url(/themes/wbwd1/images/footertextlogo.png) no-repeat bottom #121212; background-position-x:6%; min-height: 150px; } #offlinewrap { background: url(/themes/wbwd1/images/bg-offline.jpg) center; background-size:100% auto; text-align: center; padding: 10%; } .popupWrapper { width: 100%; height: 100%; background:rgba(0,0,0,0.4); position: fixed; display: none; top:0px; left:0px; z-index: 10;} .popup { width: 90%; max-width: 800px; padding:0%; margin:10% auto 0px auto; background: #fff; border-radius: 10px; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); position: relative; border:2px solid #555; } .popup .loader { text-align: center; padding:2% 0px; } .popup .close { position: absolute; top:0px; right:0px; width:32px; height:32px; background: url(/themes/wbwd1/images/icon-close.png); } @media screen and (max-width: 640px) { /* #topwrap .wrapper { padding: 0% 2%; } */ .breadcrumbs { line-height: 20px; padding: 5px 2%!important; height:auto; } .breadcrumbs h1 { font-size: 14px; } .breadcrumbs h1 a { font-size: 10px; } #headerwrap { height: 110px; } #footerwrap .wrapper { background-position: bottom center; background-size: 90% auto; } } /* Header / Logo */ header { position: relative; } header .logo { float: left; position: relative; z-index: 3; margin:10px -100px -30px -4%; } header .byline { float:left; z-index: 2; margin-left: 333px; margin-top: 7px; } header .byline img { vertical-align: bottom; } header .background { position: absolute; right:50%; margin-right:10%; top: -30px; background:url(/themes/wbwd1/images/siteheader.png) no-repeat; width: 600px; height: 297px; z-index: 1; } header .mobileheader { display: none; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,0.5) 50%, rgba(237,237,237,0.49) 51%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,0.5)), color-stop(51%,rgba(237,237,237,0.49)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,0.5) 50%,rgba(237,237,237,0.49) 51%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,0.5) 50%,rgba(237,237,237,0.49) 51%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,0.5) 50%,rgba(237,237,237,0.49) 51%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,0.5) 50%,rgba(237,237,237,0.49) 51%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); margin:0px -2%; padding: 20px 0px 20px 30px; } header .mobileheader h1 { font-weight: bold; text-align: center; font-size: 25px; } header .mobileheader h2 { text-align: center; font-style: italic; font-weight: bold; } header .social { color: #fff; margin-top: 5px; width: 210px; float: right; } header .social div.icon { height: 16px; line-height: 13px; padding:4px 0px 0px 20px; display: inline-block; color:#826c32; font-size:13px; text-align: left; float: left; } header .social div.icon:hover { color:#c29b35; } header .social .facebook { background:url(/themes/wbwd1/images/social-facebook-small.png) no-repeat left; background-size: 16px; } header .social .twitter { background:url(/themes/wbwd1/images/social-twitter.png) no-repeat left; background-size: 16px; } header .social .youtube { background:url(/themes/wbwd1/images/social-youtube.png) no-repeat left; background-size: 16px; } header .social .linkedin { background:url(/themes/wbwd1/images/social-linkedin.png) no-repeat left; background-size: 16px; } header .social .pinterest { background:url(/themes/wbwd1/images/social-pinterest.png) no-repeat left; background-size: 16px; } header .social .gmap { background:url(/themes/wbwd1/images/social-gmaps-small.png) no-repeat left; background-size: 16px; } header .social .contact { background:url(/themes/wbwd1/images/social-contact-small.png) no-repeat left; background-size: 16px; } header .social .fontresizer { float: right; width: 30px; } header .social .fontresizer a.button1 { width: 20px; padding:3px; text-align: center; margin: 4px 0px; } @media screen and (max-width: 1025px) { header .logo {margin: 20px auto 10px auto; position: absolute; top:0px; left: 0px; } header .background { left:-200px; right:auto; margin-right: 0px; } header .byline { margin-left: 400px; padding-right: 0px; } } @media screen and (max-width:940px) { header .social {display: none;} } @media screen and (max-width: 640px) { header .logo { margin: 20px auto 10px auto; height: 80px; width:55px; position: absolute; top:0px; left: 0px; } header .logo img { max-height: 100%; width:100%; } header .background { margin-right: 0px; right:auto; left:-115px; background-position: -115px 15px; } header .byline { margin: 50px auto -15px 60px; padding-right: 0px; } } @media screen and (max-width: 400px) { header .background { margin-right: 0px; right:auto; left:-80px; background-position: -0px 29px; width: 100%; background-size: 100% auto; display: none; /* yeah... */ } header .byline { margin: 80px auto -15px 0px; text-align: right; float: right; display: none; /* yeah.... */ } header .byline img { width:50%; } header .mobileheader { display: block; } } /* Nav / Search */ #midwrap .searchbar { height:36px; /* background: url(/themes/wbwd1/images/search_bg.png) repeat-x #171717; */ position: relative; margin-bottom: -41px; margin-top: 3px; width: 15%; float: right; z-index: 10; } #midwrap .searchbar form { position: absolute; top:6px; right: 1%; width:99%; height:25px; } #midwrap .searchbar .text { height:21px; line-height: 25px; width:86%; padding:2px 6%; float: left; border:none; box-shadow: 0px 0px 4px rgba(0,0,0,0.6); } #midwrap .searchbar .searchButton { border:0px; background:url(/themes/wbwd1/images/icon-search.png) no-repeat; width:20px; height: 20px; display: block; margin:5px 0px 0px -26px; float: right; padding-right: 20px; } .searchResultsHeader { } .searchResultParent { text-transform: uppercase; font-size: 14px; color:#853a02!important; font-weight: bold; } #midwrap nav { /* background: url(/themes/wbwd1/images/menu_bg.png) repeat-x top #012f14; */ height:54px; border-radius:6px 6px 0px 0px; position: relative; background: rgb(17,97,50); background: -moz-linear-gradient(top, rgba(17,97,50,1) 0%, rgba(13,76,39,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,97,50,1)), color-stop(100%,rgba(13,76,39,1))); background: -webkit-linear-gradient(top, rgba(17,97,50,1) 0%,rgba(13,76,39,1) 100%); background: -o-linear-gradient(top, rgba(17,97,50,1) 0%,rgba(13,76,39,1) 100%); background: -ms-linear-gradient(top, rgba(17,97,50,1) 0%,rgba(13,76,39,1) 100%); background: linear-gradient(to bottom, rgba(17,97,50,1) 0%,rgba(13,76,39,1) 100%); } #midwrap nav ul { text-align: center; position: absolute; top: 0px; left: 50px; } #midwrap nav li { display: inline-block; position: relative; *display: inline; zoom: 1; vertical-align: top; } #midwrap nav li a { position: relative; padding: 0px 15px; height:54px; line-height:54px; color: #dfdfdf; text-transform: uppercase; display: block; font-size:14px; } #midwrap nav li a.current, #midwrap nav li a.section { color: #fff; font-weight: bold; } #midwrap nav li a.hover, #midwrap nav li a:hover { background: url(/themes/wbwd1/images/menu_bg_hover.png) repeat-x top; color:#fff; } #midwrap nav ul ul { display: none; position: absolute; left:0px; top:54px; padding:0px 0px 15px 0px; width:280px; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); z-index: 99; border:1px solid #777; border-top:0px; background: rgb(252,252,252); background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(239,239,239,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(239,239,239,1))); background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(239,239,239,1) 100%); background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(239,239,239,1) 100%); background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(239,239,239,1) 100%); background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(239,239,239,1) 100%); -pie-background: linear-gradient( rgba(252,252,252,1),rgba(239,239,239,1)); } #midwrap nav ul ul.wider { width:600px; left:-100px; } #midwrap nav ul ul .calendarMenu .fc-view { background: #fff; } .calendarMenu, .calendar { /*display: none;*/ } .calendarMenu .fc-day-header { font-size: 13px; } .calendarMenu .fc-event-title, .calendarMenu .fc-event { font-size: 12px!important; line-height: 15px!important; display: block!important; } .calendarMenu .fc-event-inner { width:98%; padding:0px 1%; font-size: 12px; line-height: 15px; } .calendarMenu .fc-header-title { margin-top: 10px; } #midwrap nav ul li:hover ul { display: block; } #midwrap nav ul li:hover li ul { display: none; } #midwrap nav ul ul { text-align: left; } #midwrap nav ul ul li { display: block; } #midwrap nav ul ul li a.current, #midwrap nav ul ul li a.section { color: #000; font-weight: bold; border-bottom:none; } #midwrap nav ul ul li a { line-height: 14px; height:auto; border-bottom:none; padding:10px; color:#444; text-transform: none; } #midwrap nav ul ul li a.odd { } #midwrap nav ul ul li:last-child a { } #midwrap nav ul ul li a:hover, #midwrap nav ul ul li a.hover { background:#fff; color:#000; } #midwrap nav ul ul ul { left: 100%; top:-10px; display: none; border-radius: 0px 5px 5px 0px; padding: 10px 0px; border:1px solid #777; } #midwrap nav ul ul li:hover ul { display: block; } #midwrap nav ul ul img { max-width: 100%; } #midwrap nav li .galThumbnails { margin-left: 13px; margin-top: -5px; margin-bottom: 5px; } #midwrap nav li a.galThumbnail { display: inline-block; border: 1px solid #fff; box-shadow: 0px 0px 2px rgba(0,0,0,0.4); margin: 1px 2px; padding:0px; } #midwrap nav li a.galThumbnail img { margin-bottom: -2px; } /* TODO: why? */ #midwrap nav li a.galThumbnail:hover { } #midwrap nav li .menublurb { padding:2% 5%; } #midwrap nav li .menublurb h1 { font-size:16px; } #midwrap nav li .menublurb h2 { font-size:14px; } #midwrap nav li .menublurb h3 { font-size:12px; } #midwrap nav li .menublurb p { font-size:12px; } #midwrap nav li .menublurb a { display: inline; padding: 0px; height: auto; line-height: inherit; text-transform: none; font-size: inherit; color:inherit; } #midwrap nav li .menublurb a:hover { background: none; color:inherit; } #midwrap nav ul ul.dropleft { left:auto; right:0px; } #midwrap nav ul ul.dropleft ul { left:auto; right:100%; border-radius: 5px 0px 0px 5px; } #midwrap nav ul ul.dropleft ul li a { text-align: right; } @media screen and (max-width: 1025px) { #midwrap nav ul { left:78px; } #midwrap .searchbar form { } #midwrap nav { font-size: 13px; width: 89%; padding-left: 11%; position: relative; height:auto; } #midwrap nav ul { left: 0px; width: 100%; position: relative; clear: both; padding: 5px 0px; } #midwrap nav li { margin:0px auto; text-align: center; } #midwrap nav li a { height:25px; line-height: 25px; margin:3px 0px; /* background: #0d4c27; */ background: rgb(22,124,64); background: -moz-linear-gradient(top, rgba(22,124,64,1) 0%, rgba(17,97,50,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,124,64,1)), color-stop(100%,rgba(17,97,50,1))); background: -webkit-linear-gradient(top, rgba(22,124,64,1) 0%,rgba(17,97,50,1) 100%); background: -o-linear-gradient(top, rgba(22,124,64,1) 0%,rgba(17,97,50,1) 100%); background: -ms-linear-gradient(top, rgba(22,124,64,1) 0%,rgba(17,97,50,1) 100%); background: linear-gradient(to bottom, rgba(22,124,64,1) 0%,rgba(17,97,50,1) 100%); border-radius: 5px; box-shadow: 0px 1px 3px rgba(0,0,0,0.5); padding:5px 10px; } #midwrap nav li a:hover { background:#126835; } #midwrap .logo { float:none; text-align: center; } #midwrap nav ul li:hover ul { display: none; } } @media screen and (max-width: 640px) { #midwrap .searchbar { display: block;clear: both; float: none; margin:0px; background:#333; width: 100%!important; } #midwrap .searchbar form { position: relative; width:auto; padding-left: 8px; right: 0px;} #midwrap .searchbar .text { margin:0px auto; } #midwrap nav { width: 100%; padding-left: 0%; } } /* search results */ .SearchHeader { border-top:1px solid #ccc; font-size: 19px; } .SearchResults { } .SearchResults li { padding:1% 0px; } .SearchResults li+li { border-top:1px solid #eee; } .SearchResults li .readMoreLink { font-size:12px; } .SearchResults li a[href $='.pdf'] { padding-left:22px; background:url(/themes/wbwd1/images/icon-pdf.png) no-repeat left; } /* documents */ .document { padding:0px 2% ;} .document:hover { background: #f6f6f6; } .document+.document { border-top: 1px solid #eee; } .document h4 { font-size: 14px; font-weight: bold; } .document .details { font-size: 11px; } /* Staff / Councillor stuff */ .staffMember { overflow: hidden; padding: 10px 0px; } .staffMember+.staffMember { border-top:1px solid #eee; } .staffMember .mugshot { float: left; margin: 5px; max-width: 80px; } .staffMember .mugshot img { border:2px solid #fff; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); } .staffMember .info { float: left; } .staffMember .mugshot+.info { margin-left: 20px; max-width: 65%; } /* Slider */ .slider { width:100%; height: 260px; overflow: hidden; position: relative; z-index:1; } .slider #moveleft { position: absolute; z-index: 4; top:50%; margin-top:-16px; left:16px; width:32px; height:32px; background:url(/themes/wbwd1/images/icon-moveleft.png); } .slider #moveright { position: absolute; z-index: 4; top:50%; margin-top:-16px; right:16px; width:32px; height:32px; background:url(/themes/wbwd1/images/icon-moveright.png); } .slide { background-size: 100% auto; background-position: center; height:260px; display: none; position: absolute; left:0;top:0; width:100%; z-index: 1; } .slide.active { z-index: 2; } @media screen and (max-width: 940px) { .slide { background-size: auto 100%; } } @media screen and (max-width: 640px) { .slider { height: 150px; display: none; /* hmmm */ } } /* Footer */ #footerwrap p { color: #888; float:left; width:40%; font-size: 12px; text-shadow:1px 1px 1px #000; } #footerwrap ul { width:100%; color:#444; padding:1% 0px; } #footerwrap ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; padding:0px 12px; } #footerwrap ul li+li { } #footerwrap ul li a { color:#999; display: inline-block; padding:0px 10px; font-size: 12px; text-shadow:1px 1px 1px #000; border-bottom:1px solid #444; } #footerwrap ul li a.current, #footerwrap ul li a:hover { color: #fff; } #footerwrap ul ul { } #footerwrap ul li ul li { display: block; padding:0px; } #footerwrap ul li ul li a { border-bottom:none; } #footerwrap ul li ul li+li { } #footerwrap .social { color: #fff; text-align: center; margin-top: 10px; } #footerwrap .social div.icon { height: 32px; line-height: 13px; padding:8px 0px 0px 40px; display: inline-block; margin-right: 30px; text-shadow:1px 1px 1px #000; color:#888; font-size:13px; text-align: left; } #footerwrap .social div.icon:hover { color:#ccc; } #footerwrap .social .facebook { background:url(/themes/wbwd1/images/social-facebook.png) no-repeat left; } #footerwrap .social .twitter { background:url(/themes/wbwd1/images/social-twitter.png) no-repeat left; } #footerwrap .social .youtube { background:url(/themes/wbwd1/images/social-youtube.png) no-repeat left; } #footerwrap .social .linkedin { background:url(/themes/wbwd1/images/social-linkedin.png) no-repeat left; } #footerwrap .social .pinterest { background:url(/themes/wbwd1/images/social-pinterest.png) no-repeat left; } #footerwrap .social .gmap { background:url(/themes/wbwd1/images/social-gmaps.png) no-repeat left; } #footerwrap .social .contact { background:url(/themes/wbwd1/images/social-contact.png) no-repeat left; } #footerwrap .social .sitemap { background:url(/themes/wbwd1/images/icon-sitemap.png) no-repeat left; } @media screen and (max-width: 1025px) { #footerwrap ul {text-align: center; } #footerwrap ul ul { display: none; } #footerwrap ul li a { border-radius: 4px; background: #333; padding: 5px 10px; margin: 5px 0px; border-bottom: none; } #footerwrap ul li a:hover { background: #444; } } @media screen and (max-width: 640px) { #footerwrap .social { width:100%; margin-top:10px; } #footerwrap .social h2, #footerwrap .social p { text-align: center; } #footerwrap .social div.icon { float:none; margin:10px; display: inline-block; clear:none; } } /* Homepage */ .hp-v2p { position: absolute; top: 0px; left: 0px; z-index: 2; background: url(/themes/wbwd1/images/bg-w90.png); box-shadow: 0px 1px 1px rgba(0,0,0,0.5); width: 98%; padding: 12px 1%; } .hp-v2p h3 { text-align: center; padding: 0px 15% 0px 0px; } .hp-v2p img { height:16px; margin-bottom: -3px; } .hp-v2p .button2 { margin-left: 20px; } .hp-boxes { clear: both; padding-top: 2%; } .hp-box { position: relative; float:left; width:30%; margin:1%; min-height: 140px; } .hp-box:nth-child(3n+1) { /* clear:both; */ } /* IE doesnt support this */ .hp-boxclear { clear:both; } .hp-box .pic { position: absolute; top:0px; right:0px; width: 33%; height:100%; z-index: 1; overflow: hidden; text-align: right; } .hp-box .pic img { max-height: 100%; max-width: none; } .hp-box a { text-decoration: none; } .hp-box p a { text-decoration: underline; } .hp-box h2 { padding:1% 2%; color: #000; font-weight: bold; box-shadow: 0px 1px 2px rgba(0,0,0,0.5); position: relative; z-index: 2; font-size: 14px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); } .hp-box p { width:62%; font-size: 11px; padding: 2% 2% 15% 3%; line-height: 15px; } .hp-box .button2 { position: absolute; left:3%; bottom:2%; } .hp-welcome { /* margin-left: 30%; */ text-align: center; padding: 1%; color:#333; text-shadow: 1px 1px 1px #fff; font-weight: bold; } .hp-promopic { float: left; width:30%; margin-right: 4%; } .hp-promopic img { border:2px solid #fff; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); } .hp-content { float: left; width:66%; } .hp-weatherbox { padding:4%; clear: both; } .tinyinfo h2 { padding-top:4%!important; } .tinyinfo p { font-size: 11px; padding:1% 4%; } .tinyinfo table { width:96%; padding:2%; } .tinyinfo td { padding:3px 5px;font-size: 11px; line-height: 15px; vertical-align: middle; } .tinyinfo thead td { border-bottom: 2px solid #ccc; font-weight: bold; } .tinyinfo td.valignmiddle { vertical-align: middle; } .tinyinfo tr+tr td { border-top:1px solid #e3e3e3; } .tinyinfo td+td { border-left: 1px solid #e3e3e3; } .tinyinfo td.center { text-align: center; } .tinyinfo tr:nth-child(even) td { background: #f3f3f3; } .tinyinfo tr:nth-child(odd) td { background: #fff; } .tinyinfo tr.borderbottom td { border-bottom:1px solid #ccc; } .tinyinfo tr.bordertop td { border-top:1px solid #ccc; } @media screen and (max-width: 640px) { .tinyinfo p { padding: 1% 0px; } .tinyinfo table { padding: 0px; width:100%; } .hp-weatherbox { padding:2% 0px; } .hp-welcome { margin:0px; text-align: center; } .hp-promopic { text-align: center; width: 100%; margin-right: 0px; } .hp-content { width: 100%; } .hp-v2p { position: relative; background:none; box-shadow: none; padding:0px 1%; } .hp-v2p h3{ padding:2% 0px 1% 0px; } } @media screen and (max-width: 1025px) { .hp-box:nth-child(3n+1) { clear:none; } .hp-box:nth-child(2n+1) { clear:both; } .hp-box { width: 48%; } } @media screen and (max-width: 400px) { .hp-box { width: 105%; margin:2% -2%; } } .news { clear: both; margin-top: 30px; margin-right: -3%; padding:0px 2% 50px 2%; min-height: 500px; background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); } .news h2.mainheader { color:#fff; padding: 1% 2%; text-shadow:1px 1px 1px #000; margin:0px -2%; background: rgb(71,74,72); background: -moz-linear-gradient(top, rgba(71,74,72,1) 0%, rgba(58,62,60,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,74,72,1)), color-stop(100%,rgba(58,62,60,1))); background: -webkit-linear-gradient(top, rgba(71,74,72,1) 0%,rgba(58,62,60,1) 100%); background: -o-linear-gradient(top, rgba(71,74,72,1) 0%,rgba(58,62,60,1) 100%); background: -ms-linear-gradient(top, rgba(71,74,72,1) 0%,rgba(58,62,60,1) 100%); background: linear-gradient(to bottom, rgba(71,74,72,1) 0%,rgba(58,62,60,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474a48', endColorstr='#3a3e3c',GradientType=0 ); } .news h4 { padding: 0px 0px 0px 5px; border-left:2px solid #eee; } .news a { text-decoration: none; } .news p a { text-decoration: underline; } @media screen and (max-width: 640px) { .news h2 { margin: 2% -2%; } } .newsitems.halfcol { width: 43%; margin-right: 0px; margin-top:2%; background: #fff; padding:3%; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .newsitems.halfcol + .newsitems.halfcol { margin-left: 2%; } .newsitems h2 { padding: 0% 0px 4% 0px; } .newsitems h4 { padding-bottom:5px; } .newsitems p { font-size: 13px; text-align: justify; } .newsitem+.newsitem { margin-top:40px; } .newsimage img { float:left; margin-right:15px; } /* polls */ .poll { clear: both; padding-top:10px; } .poll .pollcontent { overflow: hidden; } .poll .loader { text-align: center; } .poll li { overflow: hidden; } .poll li input { float:left; margin-left:4%; line-height: 20px; height: 20px; } .poll li label { float: left; font-size: 12px; margin-left: 3%; font-style: italic; padding: 3px 0px; line-height: 14px; min-height: 14px; max-width: 80%; } .poll .submitpoll { margin-left: 10px; } .poll li span { background: rgb(238,238,238); background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); background: -o-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); background: -ms-linear-gradient(left, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); background: linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); min-width: 5%; min-height:14px; padding:3px 4%; max-width: 92%; line-height: 14px; float:left; font-size: 12px; font-style: italic; box-shadow: 0px 1px 1px rgba(0,0,0,0.6); text-shadow: 1px 1px 0px #fff; } .poll li span.voted { background: rgb(254,252,234); background: -moz-linear-gradient(left, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); background: -webkit-linear-gradient(left, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); background: -o-linear-gradient(left, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); background: -ms-linear-gradient(left, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); background: linear-gradient(to right, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); font-weight: bold; } .poll li p { font-size: 12px; padding:1% 4% 3% 4%; float: left; } /* some columns */ .halfcol { width:46%; float:left; margin-right:4%; } .halfcol .col { width: 46%; margin: 2%; } @media screen and (max-width: 640px) { .halfcol { padding: 1% 0%; width: 100%; } } /* contact page stuff */ @media screen and (max-width: 640px) { .contactinfo h2 { font-size: 22px; text-align: center; } .contactinfo p { font-size: 18px; text-align: center; } .contactinfo .phone { font-size:24px; } } /* contact form (all forms actually) */ form { clear: both; } label.label, label.left { font-style: italic; font-size: 13px; padding:2% 0% 1% 0%; width: 100%; display: block; clear:both; } label.required { font-style: italic; font-size: 13px; margin:0px 2%; font-weight: bold; color:#cc0000; } input.textfield, input.text, select.dropdown { height: 25px; line-height: 29px; padding: 2px 5px; font-family: 'Open Sans'; width: 66%; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); border-radius: 4px; outline:none; border:1px solid #666; } input.date { max-width: 142px; } select.dropdown { width: auto; height: 31px; line-height: 31px; } textarea.textarea { height: 100px; line-height: 21px; padding: 2%; font-family: 'Open Sans'; width: 96%; box-shadow: 0px 1px 2px rgba(0,0,0,0.2); border-radius: 4px; outline:none; margin-bottom: 10px; border:1px solid #666; } .halfinput { width:50%; float:left; } .field.checkbox { padding: 2% 0px 0px 0px; } input.checkbox { height:20px; } label.right { margin-left:5px; font-size: 13px; font-style: italic; } #ForgotPassword { font-size: 13px; padding: 20px 0px; } .optionset ul li { list-style-image: none; margin-left: 0px; padding-left: 0px; } .Actions { padding-top: 2%; } input.file { background: rgb(255,255,255); padding: 10px; border-radius: 4px; box-shadow: 0px 1px 3px rgba(0,0,0,0.5); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); } @media screen and (max-width: 640px) { .halfinput { width: 100%; } .field.checkbox { width: 80%; margin: 0px 10%; } #ForgotPassword { text-align: center; } label.label, label.left, label.required { width: 80%; padding: 3% 10% 1% 10%; margin: 0px; } input.textfield, input.text, select.dropdown { width: 78%; margin: 2% 10%; height:30px; line-height: 30px; padding: 1%; } input.submit, input.action { margin: 3% auto; padding: 15px 25px!important; display: block!important; } textarea.textarea { margin: 2% 10%; width: 78%; padding: 1%; } ul.optionset { width: 80%; display: block; margin:0px auto; } ul.optionset li { padding: 5px 0px; } ul.optionset li .radio, ul.optionset li .checkbox { vertical-align: middle; } input.file { width: 78%; margin:0px auto; display: block; padding: 2% 1%; } .FormHeading { width:80%; margin:0px auto; } .literalFieldArea { width:80%; margin:0px auto; } } /* Gallery page */ ul.gallery li { list-style:none; float: left; margin:1px; padding:1%; margin: 1%; } .gallery img { border:3px solid #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); } .gallery .galRow { overflow: hidden; } .galleryBox { overflow: hidden; padding-bottom: 5px; padding-left: 5px; } .galleryBox h2 a { text-decoration: none; } .galleryBox .image { float:left; margin:5px 5px 0px 0px; border:2px solid #fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.5); } .galleryBox .image img { display: block; } @media screen and (max-width: 480px) { ul.gallery li { width: 45%; } } /* Fee page */ .feetable { width: 100%!important; } /* our towns / services */ .serviceCategory { padding-bottom: 40px; } .serviceCategory h2 { border-bottom:1px solid #ccc; } .service { overflow: hidden; padding-bottom: 10px; position: relative; } .service h3 { font-weight: bold; } .service h3 img { margin:0px 3px 0px 5px; } .service h4 img { margin:2px 3px -2px 0px; } .service h4 span { width:66px; display: inline-block; } .service+.service { border-top: 1px solid #eee; } .service .button2 a { padding:3px 10px; } .service .v2p { float: right; margin: 4px; } .service .v2p .button2 { padding-top: 2px; } .service .v2p .button2.standout { box-shadow: 0px 0px 10px rgba(0,0,0,1); border:1px solid #fff; } .service .photo { position: absolute; right: 0px; top: 0px; z-index: 2; height: 90%; } .service .photo img { max-height: 100%; } .service .info { z-index: 3; position: relative; background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 37%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.9)), color-stop(37%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 37%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 37%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 37%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 37%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=1 ); } .singleService { overflow: hidden; } .singleService .leftcol { float: left; width: 30%; padding: 2%; border-radius: 5px 0px 0px 5px; background: #f3f3f3; box-shadow: -1px 0px 10px rgba(0,0,0,0.4) inset; margin: 0.5%; } .singleService .rightcol { float: right; width: 60%; padding: 2%; } .singleService .rightcol .head { padding-bottom:10px; border-bottom:1px solid #eee; } .singleService .photo { padding-bottom: 10px; min-height: 60px; } .singleService .photo img { max-width: 100%; border:2px solid #fff; box-shadow: 0px 1px 4px rgba(0,0,0,0.4); } .singleService .leftcol p { padding:3% 0px; } .singleService .leftcol p+p { border-top:1px solid #ddd; } .singleService .leftcol p img { margin:2px 3px -2px 0px; } .singleService span.v2p img { margin-bottom: -11px; } .singleService.main .rightcol { width:100%; padding: 0%; } .singleService.main .leftcol { width:94%; padding: 3%; margin:0px; border-radius: 0px 0px 5px 5px; box-shadow: 0px 1px 10px rgba(0,0,0,0.4) inset; } .singleService.main .photo { width: 30%; float: left; } .singleService.main .info { float: left; width: 65%; margin-left: 5%; } @media screen and (max-width: 480px) { .singleService .leftcol { width: 95%; border-radius: 0px 0px 5px 5px; box-shadow: 0px 1px 10px rgba(0,0,0,0.4) inset; } .singleService .rightcol { width: 92%; padding:2% 4%; } .singleService .rightcol .head { border-bottom: 0px; text-align: center; } .singleService .photo { width: 30%; float: left; } .singleService .info { float: left; width: 65%; margin-left: 5%; } .singleService .info p { font-size: 11px; } } .town { padding:2% 0px; } .town+.town { border-top: 1px solid #eee; } /* Sidebar & Content page */ .sidebar { float:left; width: 28%; padding: 2% 0% 2% 0%; min-height: 300px; margin-left: -2%; } .sidebar h2 { padding: 2% 4%; margin-bottom: 10px; font-weight: bold; border-bottom:1px solid #eee; } .sidebar .prev { float:left; width:45%; font-weight: 300; font-size: 21px; margin-bottom: 4%; } .sidebar .next { float:right; width: 45%; font-weight: 300; font-size: 21px; text-align: right; margin-bottom: 4%; } .sidebar ul { clear: both; } .sidebar ul li { padding: 1% 0px; float: left; width: 100%; } .sidebar ul li a { padding: 2% 4%; font-size: 14px; width:92%; float:left; } .sidebar ul li a img { vertical-align: bottom; height:12px; } .sidebar li a.section { font-weight: bold; } .sidebar li a.current { font-weight: bold; } .sidebar li a:hover, .sidebar li a.current, .sidebar li a.active { background: #eee; } .sidebar li ul { padding: 0% 0px 4% 0%; } .sidebar ul li ul { padding-bottom:20px; overflow: hidden; } .sidebar ul li ul li a { padding:1% 2% 1% 6%; font-size: 13px; } .sidebar ul ul ul { padding-bottom: 0px; } .sidebar ul li ul li ul li a { padding:1% 0% 1% 10%; font-size: 12px; width:90%; } .sidebar ul li ul li ul li ul li a { padding:1% 0% 1% 12%; width: 88%; color:#666; } @media screen and (max-width: 640px) { .sidebar { width: 100%; margin: 2% 0%; border-right: 0px!important; padding: 0px 0px 2% 0px; min-height: 0px; border-top: 1px solid #ccc; } .sidebar h2 { border-bottom: 10px; padding:2% 0px 1% 0px; } .sidebar a.secondary { float:none; width:50%; display: block; margin:0px auto; } .sidebar ul li a { width: 82%; float: none; margin: 5px auto; display: block; margin: 0px 5% 0px 0px; } .sidebar li a:hover, .sidebar li a.current, .sidebar li a.active { background: #f3f3f3; } } .hero { } .hero img { display: block; width: 100%; } .pagewithsidebar { float:right; width:70%; padding: 2% 0% 4% 4%; min-height: 300px; } @media screen and (max-width: 640px) { .pagewithsidebar { width: 100%; margin: 2% 0%; padding:0px; border:0px; } } .childPage .opener { display: block; background: rgb(238,238,238); box-shadow: 0px 1px 3px rgba(0,0,0,0.6); line-height: 23px; margin: 10px 0px; padding: 3px; clear: both; background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(222,222,222,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(222,222,222,1))); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(222,222,222,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(222,222,222,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(222,222,222,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(222,222,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dedede',GradientType=0 ); } .childPage .opener:hover { cursor: pointer; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); } .childPage .opener h2 { font-weight: bold; color: #000; text-shadow:1px 1px 1px #fff; padding: 0px 30px 0px 2%; background: url(/themes/wbwd1/images/icon-openme.png) no-repeat right; min-height: 26px; line-height: 26px; } .childPage .content { display: none; } .childPage .opener.active h2 { background:none; } { display: inline-block; padding: 7px 15px; text-transform: uppercase; } /* Buttons */ a.button1, a.button2 { border-radius: 4px; display: inline-block; padding: 0px 10px; text-transform: uppercase; font-size: 12px; text-shadow:none; text-decoration: none!important; } p.button1 a, p.button2 a, input.submit, input.action, td.button1 a, td.button2 a, #midwrap nav li .menublurb p.button1 a { border-radius: 4px; display: inline-block; padding: 7px 15px; text-transform: uppercase; text-shadow:none; text-decoration: none!important; } a.button1, p.button1 a, input.submit, input.action, td.button1 a, #midwrap nav li .menublurb p.button1 a { border: 1px solid #000; color: #fff!important; background: rgb(50,50,50); background: -moz-linear-gradient(top, rgba(50,50,50,1) 0%, rgba(30,30,30,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,1)), color-stop(100%,rgba(30,30,30,1))); background: -webkit-linear-gradient(top, rgba(50,50,50,1) 0%,rgba(30,30,30,1) 100%); background: -o-linear-gradient(top, rgba(50,50,50,1) 0%,rgba(30,30,30,1) 100%); background: -ms-linear-gradient(top, rgba(50,50,50,1) 0%,rgba(30,30,30,1) 100%); background: linear-gradient(to bottom, rgba(50,50,50,1) 0%,rgba(30,30,30,1) 100%); } a.button1:hover, p.button1 a:hover, input.submit:hover, input.action:hover, td.button1 a:hover, #midwrap nav li .menublurb p.button1 a:hover { color: #fff!important; background: rgb(60,60,60); background: -moz-linear-gradient(top, rgba(60,60,60,1) 0%, rgba(30,30,30,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,60,60,1)), color-stop(100%,rgba(30,30,30,1))); background: -webkit-linear-gradient(top, rgba(60,60,60,1) 0%,rgba(30,30,30,1) 100%); background: -o-linear-gradient(top, rgba(60,60,60,1) 0%,rgba(30,30,30,1) 100%); background: -ms-linear-gradient(top, rgba(60,60,60,1) 0%,rgba(30,30,30,1) 100%); background: linear-gradient(to bottom, rgba(60,60,60,1) 0%,rgba(30,30,30,1) 100%); } a.button1:active, p.button1 a:active, input.submit:active, input.action:active, td.button1 a:active, #midwrap nav li .menublurb p.button1 a:active { background: rgb(30,30,30); background: -moz-linear-gradient(top, rgba(30,30,30,1) 1%, rgba(50,50,50,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(30,30,30,1)), color-stop(100%,rgba(50,50,50,1))); background: -webkit-linear-gradient(top, rgba(30,30,30,1) 1%,rgba(50,50,50,1) 100%); background: -o-linear-gradient(top, rgba(30,30,30,1) 1%,rgba(50,50,50,1) 100%); background: -ms-linear-gradient(top, rgba(30,30,30,1) 1%,rgba(50,50,50,1) 100%); background: linear-gradient(to bottom, rgba(30,30,30,1) 1%,rgba(50,50,50,1) 100%); } a.button2, p.button2 a, li a.secondary, li a.current.secondary, td.button2 a { border: 1px solid #aaa; color: #333!important; background: rgb(249,249,249); background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); } a.button2:hover, p.button2 a:hover, li a.secondary:hover, li a.current.secondary:hover, td.button2 a:hover { color: #000!important; border: 1px solid #bbb; background: rgb(249,249,249); background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(227,227,227,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(227,227,227,1))); background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(227,227,227,1) 100%); background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(227,227,227,1) 100%); background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(227,227,227,1) 100%); background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(227,227,227,1) 100%); } a.button2:active, p.button2 a:active, li a.secondary:active, li a.current.secondary:active, td.button2 a:active { background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(249,249,249,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(249,249,249,1))); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(249,249,249,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(249,249,249,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(249,249,249,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(249,249,249,1) 100%); } /* accessibility */ .bigFont .pagecontent h1 { font-size:25px; } .bigFont h2 { font-size:20px; } .bigFont h3 { font-size:16px; } .bigFont h4 { font-size:14px; } .bigFont p { font-size:16px; } .bigFont .hp-box p { font-size:13px; } .bigFont .hp-box h2 { font-size:16px; } .bigFont .tinyinfo p { font-size: 12px; } .bigFont .pagecontent ol li, .bigFont .pagecontent ul li { font-size: 16px; } .bigFont .pagecontent td { font-size: 16px; } .bigFont #midwrap nav li .menublurb h1 { font-size:20px; } .bigFont #midwrap nav li .menublurb h2 { font-size:18px; } .bigFont #midwrap nav li .menublurb h3 { font-size:16px; } .bigFont #midwrap nav li .menublurb p { font-size:16px; } .bigFont #midwrap nav ul ul li a { font-size:16px; } .bigFont #footerwrap ul li a { font-size:16px; } .bigFont #footerwrap p { font-size:16px; } .bigFont #footerwrap .social div.icon { font-size:16px; } .bigFont label.label, .bigFont label.left, .bigFont label.required, .bigFont label.right, .bigFont #ForgotPassword { font-size: 16px; } .bigFont .sidebar ul li a { font-size: 16px; } .bigFont .sidebar ul li ul li a { font-size: 15px; } .bigFont a.button1, .bigFont a.button2 { font-size: 15px; } /****** FILE: themes/wbwd1/css/fullcalendar.css *****/ /*! * FullCalendar v2.2.3 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */ .fc { direction: ltr; text-align: left; } .fc-rtl { text-align: right; } body .fc { /* extra precedence to overcome jqui */ font-size: 1em; } /* Colors --------------------------------------------------------------------------------------------------*/ .fc-unthemed th, .fc-unthemed td, .fc-unthemed hr, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { border-color: #ddd; } .fc-unthemed .fc-popover { background-color: #fff; } .fc-unthemed hr, .fc-unthemed .fc-popover .fc-header { background: #eee; } .fc-unthemed .fc-popover .fc-header .fc-close { color: #666; } .fc-unthemed .fc-today { background: #fcf8e3; } .fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: .3; filter: alpha(opacity=30); /* for IE */ } .fc-bgevent { /* default look for background events */ background: rgb(143, 223, 130); opacity: .3; filter: alpha(opacity=30); /* for IE */ } .fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */ background: #ccc; } /* Icons (inline elements with styled text that mock arrow icons) --------------------------------------------------------------------------------------------------*/ .fc-icon { display: inline-block; font-size: 2em; line-height: .5em; height: .5em; /* will make the total height 1em */ font-family: "Courier New", Courier, monospace; } .fc-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; } .fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; } .fc-icon-left-double-arrow:after { content: "\000AB"; } .fc-icon-right-double-arrow:after { content: "\000BB"; } .fc-icon-x:after { content: "\000D7"; } /* Buttons (styled